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

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM