前端应用_Vue_利用indexOf 和forEach ， filter 两种方法r进行搜索条件的过滤

indexOf() 返回某个指定的字符在某个字符串中首次出现的位置。如果没有找到就返回-1；

一般可以用作查询。

indexOf() 方法对大小写敏感！所以之前你要把所有查询到内容变为小写。var str=str.trim().toLowerCase()

var str=“Hello World!”
str.indexOf(“Hello”) —0

str.indexOf(“world”) —6

举个例如下：

    
    
     

   
    



    
    

        

        
添加宠物
            
        

              id:
        
         name:
        
        
        关键字搜索:
        

        

    
        

            

            

                
id
                
Name
                
Ctime
                
Operation
            
            
            

                
{{item.id}}
                
{{item.name}}
                
{{item.ctime}}
                
删除
            
        





    

如果用 filter 进行改变下， 如下：

search(key_words){
                    
                       var newlist= this.list.filter(item => {
                            if(  item.name.indexOf(key_words) !=- 1){
                                return true;
                            }
                            
                        });
                        return newlist

                    }