手机版

vue.js删除列表中的一行

时间:2021-08-31 来源:互联网 编辑:宝哥软件园 浏览:

拆分(索引、编号、项目1、项目2,方法在数组中添加/删除项,然后返回删除的项。

注意:索引-指定添加/删除项目的位置

Num -要删除的项目数

项目-添加到数组中的新项目

splice()方法可以从索引开始删除零个或多个元素,并用参数列表中声明的一个或多个值替换这些删除的元素。

如果从arrayObject中删除了一个元素,将返回一个包含被删除元素的数组。

(1)html代码:

div id=' app ' ul Li v-for=' todo in todos ' span { { todo . text } }/span button @ click=' remove todo($ index)' x/button/Li/ul/div(2)js代码:

编写新Vue的脚本({ el: ' # app,data : { todo :[{ text : '添加一些todos ' },{ text: 'Learn JavaScript' },{ text: 'Learn Vue.js' },{ text : ' Build Something Awesome ' } }),methods : { removetodo : function(index){ this . todos . splice(index,1);} } })/脚本(3)效果显示:

版权声明:vue.js删除列表中的一行是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。