09ブランド管理ケース

    
    
    
    
    



    Id:
        
    
    Name:
        
    

    

     :
        
    
    

        

            

                
Id
                
Name
                
Time
                
Del
            
        
        

            

                
{
    {item.id}}
                
{
    {item.name}}
                
{
    {item.time | dataFormat(pattern)}}
                
 
            
        
    


    Vue.filter('dataFormat',function (dataStr,pattern='YYYY-MM-DD HH:mm:ss') {
      return moment(dataStr).format(pattern)
    })
  var vm = new Vue({
    el:'#app',
    data(){
      return {
        list:[
          {id:1,name:' ',time:new Date()},
          {id:2,name:' ',time:new Date()},
          {id:3,name:' ',time:new Date()},
        ],
        id:"",
        name:"",
        keyword:''
      }
    },
    methods: {
      add(){
        this.list.push({id:this.id,name:this.name,time:new Date()})
        this.id=""
        this.name=""
      },
      jian(id){
        //  id 
        // for(var i=0,i<this.list.length,i++)
        // this.list.some((item,i) =>{
        //   if(item.id==id){
        //     this.list.splice(i,1)
        // }
        // })
        // var idd=id-1
        // this.list.splice(idd,1)
        var index=this.list.findIndex((item,i) => {
          if(item.id==id){
            return true;
        }
        })
        this.list.splice(index,1)
      },
      // 
      search(keyword){
        // var newlist=[]
        // this.list.forEach(item=>{
        //   if(item.name.indexOf(keyword) != -1){
        //     newlist.push(item)
        //     }
        // })
        // return newlist
        //    foreach  some   filter  findindex
        return this.list.filter(item =>{
          // includes    true    false
          if(item.name.includes(keyword)){
            return item
            }
        })
      }
    }
  })
    //  
    // Vue.filter(' ',function () {
    //  
    // })