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

最新推荐文章于 2024-09-05 11:20:10 发布

宁不知

最新推荐文章于 2024-09-05 11:20:10 发布

阅读量5.7k

点赞数

分类专栏： Vue 文章标签： el-table Vue过滤数据

本文链接：https://blog.csdn.net/qq_39196997/article/details/102864637

版权

Vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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)
    },