vue filter 实现el-table表格整行条件过滤,不是利用el-table-column的filters
网上有讲利用el-table-column的filters,达不到要求,要么就是其中一段代码,我这个代码从页头到页尾这样是不是不用再继续百度了?
·
废话少说,上代码 vu3:
<template>
<el-input v-model="iptSearchVal" 这个搜索表格的框随意放在面页任何位置,输入内容后表格内数据自动过滤/>
<e-table :data="computedAfterList">
...省略万行
</e-table>
</template>
<script setup>
import { ref, computed} from 'vue'
//列表明细 模糊搜索 指定对数组内两个项目等key的列进行搜索
const iptSearchVal = ref('')
const computedAfterList = computed(() => {
return tableList.value.filter(row => {
let findFields = ["name", "code"] //可以指定
return findFields.some(key => {
return String(row[key]).toLowerCase().indexOf(iptSearchVal .value) > -1
});
});
})
//初始列表数据 - 从后台拿
const tableList = ref([
{name:'n111', code:'c111'},
{name:'n222', code:'c222'},
{name:'n333', code:'c333'},
])
</script>
网上有讲利用el-table-column的filters,达不到要求,要么就是其中一段代码,我这个代码从页头到页尾这样是不是不用再继续百度了?赞一下撒兄弟伙。
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)