介绍
这篇文章给大家介绍怎么在vue.js中删除列表中的一行,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
拼接(索引、num item1,第二条,…,itemX)方法向/从数组中添加/删除项目,然后返回被删除的项目。
注:指数——规定添加/删除项目的位置
num——要删除的项目数量
项目——向数组添加的新项目
拼接()方法可删除从索引处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从arrayObject中删除了元素,则返回的是含有被删除的元素的数组。
(1) html代码:
, & lt; div id=癮pp"比; ,,& lt; ul> ,,,& lt; li v=皌odo 拷贝todos"比; ,,,,& lt; span> {{, todo.text }} & lt;/span> ,,,,& lt; button @click=皉emoveTodo(美元指数)“祝辞X ,,,& lt;/li> ,,& lt;/ul> & lt;才能/div>
(2) js代码:
, & lt; script> ,,,Vue ({new ,,,,el:, & # 39; #应用# 39; ,,,,数据:,{ ,,,,,待办事项:, ,,,,,,{,文字:& # 39;Add some todos # 39;,}, ,,,,,,{,文字:& # 39;Learn javascript # 39;,}, ,,,,,,{,文字:& # 39;Learn Vue.js& # 39;,}, ,,,,,,{,文字:& # 39;Build Something 可怕的# 39;,} ,,,,,) ,,,,}, ,,,,方法:,{ ,,,,,removeTodo:, function (索引),{ ,,,,,,this.todos.splice(指数,1); ,,,,,} ,,,,} ,,,}) & lt;才能/script>
(3)效果展示:
关于怎么在vue.js中删除列表中的一行就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。