vue 过滤数组数据,用于控制 el-table 某一行是否显示
vue 过滤数组数据,用于控制 el-table 某一行是否显示场景:第一次查出来的数据用list接收。然后我第二次要用到list里面的数据,但是我想过滤掉选中的某一条用户的信息,这个时候就使用 filter 函数对list 进行 过滤。很简单,做个笔记。<el-dialog title="克隆规则" :visible.sync="cloneDialogVisible" width="6..
·
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)
},
更多推荐
已为社区贡献1条内容
所有评论(0)