vue删除数组中的某个元素(附亲测有用的实例代码)

 分类:js知识时间:2022-09-18点击:

前端项目中vue删除数组中的某个元素,下面有一组数据list['测试一','测试二','测试三'],点击那一项就删除那一些,实现了在vue项目里删除数组中的某个元素,也可以说是删除指定某个元素,经过亲测有用具体请看下面的实例代码。

vue删除数组中的某个元素

1、vue页面代码

<div v-for="(item, index) in list" :key="index">
  <i @click="del(item)">{{item}}</i>
</div>

2、js代码

export default{
     data(){
	    return {
	   list: ['测试一','测试二','测试三']
        }
      },
      methods:{
	       del(item) {
           for (let i = 0; i<this.list.length; i++){
             if (this.list[i] == item){
              this.list.splice(i, 1)
             }
           }
          console.log(this.list)
        }	
      }
}
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: