vue.js删除列表中的一行
更新时间：2018年06月30日 09:39:12 作者：时光足迹
这篇文章给大家分享了vue.js删除列表中的一行的实例操作以及代码分享，有兴趣的朋友参考下。
splice(index,num,item1,item2,...,itemX) 方法向/从数组中添加/删除项目，然后返回被删除的项目。
注：index--规定添加/删除项目的位置
num--要删除的项目数量
item--向数组添加的新项目
splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。
(1)html代码：
<div id="app">
<ul>
<li v-for="todo in todos">
<span>{{ todo.text }}</span>
<button @click="removeTodo($index)">X</button>
</li>
</ul>
</div>
（2）js代码：
<script>
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);
}
}
})
</script>
（3）效果展示：
相关文章
最近新接了一个需求,想要在前端实现打印功能,下面这篇文章主要给大家介绍了关于前端使用print.js实现打印功能(基于vue)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
Vue向后台传数组数据,springboot接收vue传的数组数据实例
这篇文章主要介绍了Vue向后台传数组数据,springboot接收vue传的数组数据实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章教你三分钟掌握Vue过滤器filters及时间戳转换,本文将结合时间戳转换的例子带你快速了解filters的用法,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了Vue 中可以定义组件模版的几种方式以及他们之间的一些差别，需要的朋友可以参考下2019-08-08
本文主要介绍了Vue中tab栏切换的简单实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
本篇文章主要介绍了vue项目实现记住密码到cookie功能示例(附源码)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
看过很多人讲vue的生命周期，但总是被绕的云里雾里，尤其是自学的同学，可能js的基础也不是太牢固，听起来更是吃力，那我就已个人之浅见，以大白话的方式给大家梳理一下，如有不准确的地方，欢迎指正！2020-12-12
在项目中遇到通过点击加号实现输入框的增加、以及对该输入框的输入内容进行验证，通过这些诱导因素创作的这篇文章，本文重点给大家介绍在Vue中使用Avue、配置过程以及实际应用,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了Vue中的errorHandler异常捕获问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
最近在做vue的项目时发现了一个问题，今天就来解决一下，本文主要介绍了elementUI的table表格改变数据不更新问题解决，感兴趣的可以了解一下2022-02-02
最新评论