vue如何判斷數(shù)組中的對(duì)象是否包含某個(gè)值
判斷數(shù)組中的對(duì)象是否包含某個(gè)值
xxx (array, str) { var index = array.findIndex(item => item.id=== str) // var index = array.indexOf(str) // 當(dāng)數(shù)組里的對(duì)象為字符串時(shí)用這個(gè)方法更簡(jiǎn)單 return index // -1 說明array中不存在id為str的對(duì)象 }
判斷對(duì)象是否包含某個(gè)屬性,el-table formatter判斷
當(dāng)前的業(yè)務(wù)邏輯是表格中大概有四五個(gè)字段需要判斷,如果是null或者0就返回暫無數(shù)據(jù),有值的話就返回對(duì)應(yīng)的值,如下圖:
由于需要進(jìn)行的操作是一樣的,所以用一個(gè)formatter就可以了,所以要判斷對(duì)應(yīng)的字段,代碼如下:
1.表格部分
<el-table-column label="報(bào)送數(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中是否包含對(duì)應(yīng)的字段名稱
原先的寫法是
row.hasOwnProperty(field)
現(xiàn)在換成
Object.prototype.hasOwnProperty.call(row, field)
但是報(bào)錯(cuò) ESLint: Do not access Object.prototype method 'hasOwnProperty' from target object.(no-prototype-builtins)
所以最好是從 Object.prototype 調(diào)用這些方法
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue滾動(dòng)固定頂部及修改樣式的實(shí)例代碼
這篇文章主要介紹了vue滾動(dòng)固定頂部及修改樣式,本文給大家提到了滾動(dòng)固定位置有多種方法,感興趣的朋友跟隨小編一起看看吧2019-05-05elementUI使用el-upload上傳文件寫法及避坑總結(jié)(上傳圖片/視頻到本地/服務(wù)器及回顯+刪除)
upload上傳是前端開發(fā)很常用的一個(gè)功能,下面這篇文章主要給大家介紹了關(guān)于elementUI使用el-upload上傳文件寫法及避坑的相關(guān)資料,包括上傳圖片/視頻到本地/服務(wù)器及回顯+刪除,需要的朋友可以參考下2023-03-03

Vue Element前端應(yīng)用開發(fā)之用戶管理模塊的處理

vue項(xiàng)目啟動(dòng)如何設(shè)置默認(rèn)啟動(dòng)頁(yè)

關(guān)于Vue源碼vm.$watch()內(nèi)部原理詳解