微信里的微信小程序_vue.js删除列表中的一行

摘要: vue.js删掉目录中的一行 本文给大伙儿共享了vue.js删掉目录中的一行的案例实际操作及其编码共享,有兴趣爱好的朋友参照下。splice(index,num,item1,item2,...,itemX) 方式向/从数字能量数组...

vue.js删除列表中的一行       这篇文章给大家分享了vue.js删除列表中的一行的实例操作以及代码分享,有兴趣的朋友参考下。

splice(index,num,item1,item2,...,itemX) 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注:index--规定添加/删除项目的位置

num--要删除的项目数量

item--向数组添加的新项目

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

(1)html代码:

 div id="app" 
 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)效果展示:




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:模板小程序