vue 过滤数组数据,用于控制 el-table 某一行是否显示

场景:第一次查出来的数据用list接收。然后我第二次要用到list里面的数据,但是我想过滤掉选中的某一条用户的信息,这个时候就使用 filter 函数对list 进行 过滤。很简单,做个笔记。

<el-dialog title="克隆规则" :visible.sync="cloneDialogVisible" width="600px">
      <el-table
        v-loading="listLoading"
        :data="list2"	//绑定的是list2
        element-loading-text="Loading"
        empty-text="没有数据了哦"
        border
        fit
        stripe
        :row-key="getRowKey"
        @selection-change="handleSelectionChange"
>
//过滤数据代码
showCloneRuleslView(user_id) {
        this.SourceUserId = parseInt(user_id)
        //filter过滤函数使用
        this.list2 = this.list.filter((data) => {
        //过滤掉SourceUserId这条数据
          return data.user_id !== this.SourceUserId
        })
        this.cloneDialogVisible = true
      	console.log(this.SourceUserId)
    },
Logo

前往低代码交流专区

更多推荐