搜索支持二次查询或者全局查询

搜索功能:https://blog.csdn.net/bbs11007/article/details/110948483

 

经常遇到搜索的时候不能全局,或者搜索第一次,不能在搜索处理的结果基础上再次查询

1.关注几个点,就是全局搜索要获取全局的数据

2.搜索查询的数据和展示出来的不能存放在一个地方

 //把所有数据给它,this.pages1.values是在表格中的所有数据
this.allpageValues =  this.pages1.values


let result = this.allpageValues.filter(row => {//this.allpageValues这个是表内所有数据
              //搜索那列的内容,这里搜索name、id等列的内容
             return row.name.indexOf(this.search1.toUpperCase()) > -1 
                || row.id.indexOf(this.search1.toUpperCase()) > -1 
                || row.code.indexOf(this.search1.toUpperCase()) > -1 
                || row.note.indexOf(this.search1.toUpperCase()) > -1;
            });
            //重新设置表格数据
            this.pages1.values = result ; //把搜索出来的展示出来,this.pages1.values这个被替换,所有不支持第二次全局搜索。
            console.log("搜索结果:",result);

主要注意this.allpageValues.filter(row => { (这个是所有数据查询)和this.pages1.values = result ;(这个是查询展示的数据)不能重复,以免不能进行二次查询

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章