用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