v-for 循环对象中的属性
huxiaoxiao 人气:01、循环对象内的值
<body> <div id="app"> <!-- 循环对象内的值 --> <ul> <li v-for="item in per"> {{item}} </li> </ul> </div> <script src="./js/vue.js"></script> <script> let vm =new Vue({ el:'#app', data:{ per:{ id:1, name:'小明', age:19, sex:"男" } } }) </script>
2、循环对像
3、循环键和值
<!-- 循环键和值 --> <ul> <!-- 值 键 --> <li v-for="(value,key) in per"> {{value}}---{{key}} </li> </ul>
到此这篇关于 vue
中v-for
循环对象中的属性的文章就介绍到这了,更多相关 v-for
循环对象中的属性内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
加载全部内容