vue如何判斷數(shù)組中的對象是否包含某個值
判斷數(shù)組中的對象是否包含某個值
xxx (array, str) { var index = array.findIndex(item => item.id=== str) // var index = array.indexOf(str) // 當(dāng)數(shù)組里的對象為字符串時用這個方法更簡單 return index // -1 說明array中不存在id為str的對象 }
判斷對象是否包含某個屬性,el-table formatter判斷
當(dāng)前的業(yè)務(wù)邏輯是表格中大概有四五個字段需要判斷,如果是null或者0就返回暫無數(shù)據(jù),有值的話就返回對應(yīng)的值,如下圖:
由于需要進行的操作是一樣的,所以用一個formatter就可以了,所以要判斷對應(yīng)的字段,代碼如下:
1.表格部分
<el-table-column label="報送數(shù)量" prop="vulWarnNum" width="140" align="center" :formatter="dataFormat" />
2.方法體部分
dataFormat(row, column) { const field = column.property if (Object.prototype.hasOwnProperty.call(row, field)) { if (row[field] == null || row[field] === 0) { return '暫不要求' } } return row[field] }
其中Object.prototype.hasOwnProperty.call(row, field)就是判斷row中是否包含對應(yīng)的字段名稱
原先的寫法是
row.hasOwnProperty(field)
現(xiàn)在換成
Object.prototype.hasOwnProperty.call(row, field)
但是報錯 ESLint: Do not access Object.prototype method 'hasOwnProperty' from target object.(no-prototype-builtins)
所以最好是從 Object.prototype 調(diào)用這些方法
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
elementUI使用el-upload上傳文件寫法及避坑總結(jié)(上傳圖片/視頻到本地/服務(wù)器及回顯+刪除)
upload上傳是前端開發(fā)很常用的一個功能,下面這篇文章主要給大家介紹了關(guān)于elementUI使用el-upload上傳文件寫法及避坑的相關(guān)資料,包括上傳圖片/視頻到本地/服務(wù)器及回顯+刪除,需要的朋友可以參考下2023-03-03Vue Element前端應(yīng)用開發(fā)之用戶管理模塊的處理
本篇隨筆以權(quán)限管理模塊中的用戶管理為媒介,進行相關(guān)功能的介紹和界面設(shè)計的處理。2021-05-05關(guān)于Vue源碼vm.$watch()內(nèi)部原理詳解
這篇文章主要介紹了關(guān)于Vue源碼vm.$watch()內(nèi)部原理詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04