vue删除一行html元素,vue.js删除列表中的一行
vue.js删除列表中的一行
2018-12-30
编程之家
https://www.jb51.cc
编程之家收集整理的这篇文章主要介绍了vue.js删除列表中的一行，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
splice(index,num,item1,item2,...,itemX) 方法向/从数组中添加/删除项目，然后返回被删除的项目。
注：index--规定添加/删除项目的位置
num--要删除的项目数量
item--向数组添加的新项目
splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。
{ { todo.text }}
(2)js代码：
new Vue({
el: #app,data: {
todos: [
{ text: Add some todos },{ text: Learn JavaScript },{ text: Learn Vue.js },{ text: Build Something Awesome }
]
},methods: {
removeTodo: function (index) {
this.todos.splice(index,1);
}
}
})
(3)效果展示：
总结
以上是编程之家为你收集整理的vue.js删除列表中的一行全部内容，希望文章能够帮你解决vue.js删除列表中的一行所遇到的程序开发问题。
如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。
vue.js删除列表中的一行 2018-12-30 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了vue.js删除列表中的一行，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。 splice(index,num,item1,item2,...,itemX) 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注：index--规定添加/删除项目的位置 num--要删除的项目数量 item--向数组添加的新项目 splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。 如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。 { { todo.text }} (2)js代码： new Vue({ el: #app,data: { todos: [ { text: Add some todos },{ text: Learn JavaScript },{ text: Learn Vue.js },{ text: Build Something Awesome } ] },methods: { removeTodo: function (index) { this.todos.splice(index,1); } } }) (3)效果展示： 总结 以上是编程之家为你收集整理的vue.js删除列表中的一行全部内容，希望文章能够帮你解决vue.js删除列表中的一行所遇到的程序开发问题。 如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。