<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <div v-if='v==13' v-for='(v,k,i) in obj'>{{v + '---' + k + '---' + i}}</div> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> // 使用原生js遍历对象 var obj = { uname: 'lisi', age: 12, gender: 'male' } for (var key in obj) { console.log(key, obj[key]) } // 循环结构 var vm = new Vue({ el: '#app', data: { obj: { uname: 'zhangsan', age: 13, gender: 'female' } } }); </script> </body> </html>
419 v-if 和 v-for结合使用
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:java协变逆变,PECS
下一篇:280 内存溢出与内存泄露
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
18 v-for中使用v-if结合template标签的使用
html><html lang="en"><head
laravel php linux html Vue -
Vue v-if v-for v-bind v-on
v if v for v bind v on 案例整合
css javascript 修饰符 html json -
Vue中为什么v-if和v-for不建议同时使用呢?
的,如果同时使用,那么每次渲染都会先循环再进行条件判断造成性能的浪费。指令用于条件性地渲染一块内容。这块内容只会
vue.js javascript 前端 html 数组