下面小编就为大家分享一篇vue.js 嵌套循环、if判断、动态删除的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API
app.html
<title> vuejs 嵌套循环、if判断 </title> [v-cloak] { display: none } <div id="app"> <table> <tr> <td>id</td><td>姓名</td><td>手机号</td><td>城市</td><td>通过审核</td><td>我的学生</td><td>操作</td></tr><tr> <td>{{item.id}}</td><td>{{item.name}}</td><td>{{item.tel}}</td><td>{{item.province}}_{{item.city}}</td><td>是</td><td>否</td><td> <span> {{stu.name}}, </span></td><td> <button>修改</button><button>删除</button></td></tr></table></div>
vue1.0和vue2.0循环索引使用区别
如果是vue1.0这样写: <ol> <li> {{todo.label}} </li></ol> 然后: meth<strong style="color:transparent">来2源gaodaima#com搞(代@码&网</strong>ods:{ delete:function(index){ this.todos.splice(index,1); } } 如果是vue2.0这样写: <ol> <li> {{todo.label}} </li></ol> 然后 methods:{ delete:function(index){ this.todos.splice(index,1); } }
以上这篇vue.js 嵌套循环、if判断、动态删除的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持gaodaima搞代码网。
以上就是vue.js 嵌套循环、if判断、动态删除的实例的详细内容,更多请关注gaodaima搞代码网其它相关文章!