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;
}