vue 实现删除对象的元素 delete
作者:vue学习
这篇文章主要介绍了vue 实现删除对象的元素delete,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
删除对象的元素 delete
data中定义一个form
data: { seen: true, from:{ id:'', name:'', age:'', } }
现在不需要age元素
删除 delete this.from.age;
场景form表单提交的时候新增的数据和编辑页面公用一个页面 ,在添加的时候不需要id而就可以delete删除id
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 </title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <script> new Vue({ el: '#app', data: { seen: true, from:{ id:'', name:'', age:'', } }, mounted() { //this.initData(); this.from.id=1; this.from.name='xc'; this.from.age=18; this.from.content='xcvzxcvzxcv'; //直接添加元素 delete this.from.age;//删除age元素 console.log(this.from) }, }) </script> </body> </html>
vue根据id删除某一行
methods:{ del(id){ //ES6 //根据id查找元素 findIndex //let index = arr.findIndex(function(ele,index,arr){return ele.id==id}) //函数内如果返回true,就结束遍历并返回当前index; //index如果没有找到返回-1 let index = this.tasks.findIndex(funciton(ele){ return ele.id == id; }) //假设没有找到 if(index === -1){ return console.log('删除失败'); } //删除元素 this.tasks.splice(index,1); } }
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。