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

前端项目中vue删除数组中的某个元素，下面有一组数据list['测试一','测试二','测试三']，点击那一项就删除那一些，实现了在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)
        }	
      }
}