vue中v-for循环对象中的属性,
3672Js.Com2021-11-29 00:35 来源:未知 阅读:19932 关注度4
vue中v-for循环对象中的属性,
目录
- 1、循环对象内的值
- 2、循环对像
- 3、循环键和值
1、循环对象内的值
<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
循环对象中的属性内容请搜索3672js教程以前的文章或继续浏览下面的相关文章希望大家以后多多支持3672js教程!
- 深入浅析Vue.js 中的 v-for 列表渲染指令
- 详解vuejs之v-for列表渲染
- Vue中v-for更新检测的操作方法
- 详解vue中v-for的key唯一性
- vue中v-for指令完成列表渲染
本站文章为3672js教程网友分享投稿,版权归原作者,欢迎任何形式的转载,但请务必注明出处。同时文章内容如有侵犯了您的权益,请联系我们处理。
评论已被关闭