写了一个查询功能,但是每当匹配出符合条件的数组项后,在匹配其他条件原来的数据数组就会变成上一次匹配出的数组?-灵析社区

三千米的偷感

UI结构 查询 调用方法 onSubmit () { if (this.formInline.sn === '') return this.$message.warning('请输入产品码!') this.tableData = this.tableData.filter(data => data.bar_no.toLowerCase().includes(this.formInline.sn.toLowerCase())) console.log(this.tableData) }, 数据源 data () { return { formInline: { sn: '' }, input: '', tableData: [], cols: [], currentPage: 1, pagesize: 4 } },

阅读量:15

点赞量:0

问AI
期望每次都使用数据源过滤产生新的数据然后赋值给表格数据。 关键就在于这句,将过滤后的结果赋值给数据源了,数据源和表格数据糅合在一起了。 this.tableData = this.tableData.filter(data => data.bar_no.toLowerCase().includes(this.formInline.sn.toLowerCase())) 解决方案: created(){ // 从服务端获取数据 this.originData = xxx } // ... this.tableData = this.originData.filter(data => data.bar_no.toLowerCase().includes(this.formInline.sn.toLowerCase())) 这种查询类的筛选最好还是服务端做,数据量小可以前端做,一般是服务端返回不满足前端数据格式的时候前端对数据加工处理。