下面我就为大家分享一篇vue.js 嵌套循环、if判断、动态删除的实例，具有很好的参考价值，希望对大家有所帮助。
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API
app.html
nbsp;html>vuejs 嵌套循环、if判断 [v-cloak] { display: none }
登录后复制id姓名手机号城市通过审核我的学生操作 {{item.id}} {{item.name}} {{item.tel}} {{item.province}}_{{item.city}} 是 否 {{stu.name}}, $(function() { new Vue({ el: '#app', methods: { del:function(index){this.list.splice(index,1);},edit: function () {alert('修改')},}, data: {“list”:[{“id”:”139″,”name”:”王五”,”tel”:”13681829898″,”status”:”1″,”province”:”省”,”city”:”市”,”sex”:”1″,”stu”:[{“id”:”200″,”name”:”学生1″,”tel”:”13681829898″,},{“id”:”201″,”name”:”学生2″,”tel”:”13681829898″,}],},{“id”:”138″,”name”:”麻子”,”tel”:”13681829898″,”status”:”0″,”province”:”省”,”city”:”市”,”sex”:”0″,”stu”:[{“id”:”300″,”name”:”学生31″,”tel”:”13681829898″,},{“id”:”301″,”name”:”学生32″,”tel”:”13681829898″,}],},{“id”:”137″,”name”:”丽丽”,”tel”:”15152882891″,”status”:”0″,”province”:”省”,”city”:”市”,”sex”:”1″,”stu”:[{“id”:”400″,”name”:”学生41″,”tel”:”13681829898″,},{“id”:”401″,”name”:”学生42″,”tel”:”13681829898″,}],},{“id”:”136″,”name”:”娜娜”,”tel”:”15152882891″,”status”:”0″,”province”:”省”,”city”:”市”,”sex”:”0″,”stu”:[{“id”:”500″,”name”:”学生51″,”tel”:”13681829898″,},{“id”:”501″,”name”:”学生52″,”tel”:”13681829898″,}],}] }})})
vue1.0和vue2.0循环索引使用区别
立即学习“前端免费学习笔记（深入）”；
如果是vue1.0这样写：然后：methods:{ delete:function(index){ this.todos.splice(index,1); }}如果是vue2.0这样写：
- {{todo.label}}
然后methods:{ delete:function(index){ this.todos.splice(index,1); }}
- {{todo.label}}
登录后复制
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
angular5 httpclient的示例实战
解决vue多个路由共用一个页面的问题
一种angular的方法级的缓存注解（装饰器）
以上就是vue.js 嵌套循环、if判断、动态删除的实例的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2752649.html
