表单搜索功能的实现【每一个努力的人都值得尊敬】

1.表单搜索功能的实现

filter函数：

是过滤函数 就把每个对象都过滤一遍相当于for循环，然后每个对象进行if判断有没有符合条件的 有符合条件的就返回这个对象 然后保存到最前面的新数组中

includes方法：

方法返回一个布尔值，表示某个数组是否包含给定的值，包含则返回true 不包含则为false。

这里相当于如果过滤的对象中 如果有你搜索栏输入的值的话 则返回这个对象

按理 没有的话就不会返回 也不会呈现到后面的新表格的当中.

//这是在js使用
function search(){
		var 最终过滤的结果=原表格数据.fliter(value=>{
		if(value.includes(搜索栏的值)){
			return value
		};
	})
	原表格数据=最终过滤的结果;   //最后把最终的过滤结果赋值给原表格数据
}

最后面附带自己项目源代码图 这里由于是在vue里而且数据和方法是在不同组件中传递的，所以这里为了防止后面过滤时数据还获取不到 所以这里用了异步获取数据

//vue中的使用
methods:{
      async search(par){
          await this.getdata(par)  //获取表单数据
              //搜索功能
          var list_result=this.listData.filter(value => {
            console.log(value)
            if(value.machineNo.includes(par.machineNo)){
              return value
            }
          })
          this.listData=list_result
          
          
    }
}

我是IT_XG,这是自己的看法，不足之处，可交流交流。大家一起加油！