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

搜索功能：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 ;（這個是查詢展示的數據）不能重複，以免不能進行二次查詢