Filter array of keywords in vue

clipboard.png

queryDatav-model

sourceData

clipboard.png

clipboard.png

is based on the input keyword Filter array

watch: {

queryData(val){
    if(val){
        return this.sourceData.filter((el,index,self)=>{
            return el.name.indexOf(val) >-1;
        })
    }
}

}

the data source should not be changed, but the rendering should change. There is still no change on the page.

Javascript
May.25,2021 
queryData(){
    ...
    return this.sourceData.filter...
    ...
}

Please complete Code
this is obviously wrong, you listen for changes in queryData , and then change queryData ? And if it's not what you want to change, it's not reflected in the question at all.

use computed instead of watch. 

computed:{

    filterdData(){
        if(this.queryData){
            return this.sourceData.filter((el,index,self)=>{
                return el.name.indexOf(this.queryData) >-1;
            })
        }
        
        return [];
    }
}

use filterdData in the template to get Filter data. Use sourceData to display all data.

Previous: It is known how the value, of a key-value pair under an object in the array gets the value of the peer key.

Next: The remote end hung up unexpectedly? appears in git push

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu