欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue如何判斷數(shù)組中的對(duì)象是否包含某個(gè)值

 更新時(shí)間:2022年08月09日 11:53:18   作者:mfylove  
這篇文章主要介紹了vue如何判斷數(shù)組中的對(duì)象是否包含某個(gè)值,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

判斷數(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 Element前端應(yīng)用開發(fā)之用戶管理模塊的處理

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

    本篇隨筆以權(quán)限管理模塊中的用戶管理為媒介,進(jìn)行相關(guān)功能的介紹和界面設(shè)計(jì)的處理。
    2021-05-05
  • vue項(xiàng)目啟動(dòng)如何設(shè)置默認(rèn)啟動(dòng)頁(yè)

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

    這篇文章主要介紹了vue項(xiàng)目啟動(dòng)如何設(shè)置默認(rèn)啟動(dòng)頁(yè)問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • 關(guān)于Vue源碼vm.$watch()內(nèi)部原理詳解

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

    這篇文章主要介紹了關(guān)于Vue源碼vm.$watch()內(nèi)部原理詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • vue解決彈出蒙層滑動(dòng)穿透問題的方法

    vue解決彈出蒙層滑動(dòng)穿透問題的方法

    這篇文章主要介紹了vue解決彈出蒙層滑動(dòng)穿透問題的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-09-09
  • 最新評(píng)論