【Vue】filter的用法

上一篇： vue的指令

https://blog.csdn.net/m0_67930426/article/details/134599378?spm=1001.2014.3001.5502

本篇所使用指令  v-for    v-on    v-html

    
    







    
四大发明
  

      

         {{item.name}}
          {{item.creator}}
          删除
      
      

   

  

filter的作用：根据条件，保留满足条件的对应项，得到一个新数组

 methods:{

           del(id){
               this.list=this.list.filter(item=> item.id!=id)
           }
        }

注意： 方法名不能使用delete

 

意思是说 不能使用Javascript的关键字作为属性名

点击删除

 再刷新一下