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>{{ }}</span>
<button @click="removeTodo($index)">X</button>
jsarray删除元素</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) {
}
}
})
</script>
(3)效果展⽰:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论