用vue-cli搭建项目的 vue的删除指定项操作

1.在删除的点击上 带ID

2.在data 写一个参数装ID

3.点确认带 装ID的参数

方法一：

this.msg.splice(this.msg.find(msg=>{ return msg.id==id }),1 )

方法二：

this.msg.splice(this.msg[id],1)

方法三：

删除新增的指定模块

控制v-modle新增输入框：

默认一个放输入框的数组:   

//有一个默认的

list[

{

address:''

}

]

在template里面循环出来

<div v-for="(value,index) in list">

<el-input v-model="value.adress"></el-input>

<span @click="newAdd" style="width: 40px" v-show="index===0">新增</span>
<span @click="del(index)" style="width: 40px" v-show="index>0">删除</span>

</div>

在js里面

//新增区域

newAdd:function(){

let list={

address:''

}

this.list.push(list)

}

//删除新增区域，把要删除的那个提出来，把其他的重新放进去，是一个方法但是感觉很傻

del:function(id){

var list=[];

for(let i=0;i<this.list.length;i++){

if(i!==id){

list.push(this.list[i])

}

}

this.list=list;

}

 

转载于:https://www.cnblogs.com/yubaibai/p/10304356.html