vex table动态渲染筛选条件

最新推荐文章于 2025-12-15 06:58:03 发布

原创最新推荐文章于 2025-12-15 06:58:03 发布 · 100 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #数据库

<vxe-column width="200" align="center" field="zy" title="摘要" :filters="zyOptions" show-overflow></vxe-column>
<vxe-column width="80" align="center" field="fsd" title="发货地" :filters="fsdOptions"></vxe-column>


// 去重数据中相同的条件
unique(arr, key) {
  const res = new Map();
  return arr.filter((a) => !res.has(a[key]) && res.set(a[key], 1));
},

 this.zyOptions.push({
 	label: r.zy, value: r.zy
 })
 this.zyOptions = this.unique(this.zyOptions, 'value') 
 // 需要用 setFilter 方法重置渲染筛选数据
 this.$refs.tableRef.setFilter('zy', this.zyOptions)
 this.fsdOptions.push({
   label: r.fsd, value: r.fsd
 })
this.fsdOptions = this.unique(this.fsdOptions, 'value') 
this.$refs.tableRef.setFilter('fsd', this.fsdOptions)