web前端利用vue.js实现品牌列表的添加，删除与筛选功能

        

            

                
添加品牌
            
            

                
                    Id:
                    
                
                    Name：
                    
                
                    搜索名称关键字：
                    
            
        
    
        


Id
                
name
                
Ctime
                
Operation
                

{{item.id}}

                    

                    
{{ item.ctime }}

                    
删除
 
                


    {
        el:‘#app‘,
        data: {
            id:‘‘,
            name:‘‘,
            keywords:‘‘,
            list:[
                { id:1,name:"奔驰",ctime:new Date() },
                { id:2,name:"宝马",ctime:new Date() }

            ],
        },
        methods: {
            add(){
                //添加的方法
                var car = {id:this.id,name:this.name,ctime:new Date() }
                this.list.push(car)
                
                 
            },
            del(id){
                this.list.some((item,i)=>{
                    if(item.id==id){
                        //删除功能
                        this.list.splice(i,1);
                        return true;
                    }
                })
            },
            search(keywords){
                //根据关键字进行搜索
                var newList=[]
                this.list.forEach(item=>{
                    if(item.name.indexOf(keywords)!=-1){
                        newList.push(item)
                    }
                })
                return newList
            }
        }
        
    });