Vue表格自动查询功能

首先和table中的:data名称相对应

以下就是自动搜索的方法

  computed: {
        Data() {
            //现在return中定影一个tableData[]数组，也就是一开始getdata显示表格数据的存储数组
            return this.tableData.filter((d) => {
                let is_del = false;
                for (let i = 0; i < this.del_list.length; i++) {
                    if (d.Raw_MaterialCode === this.del_list[i].Raw_MaterialCode) {
                        is_del = true;
                        break;
                    }//Raw_MaterialCode为搜索字段的后台数据库名称
                }
                if (!is_del) {
                    if (d.Raw_MaterialCode.toUpperCase().indexOf(this.form2.scancode.toUpperCase()) > -1
                    ) {
                        return d;
                    }//this.form2.scancode为查询输入框绑定的名称
                }
            })
        }
    },