当前第2页 返回上一页
遍历方法如下:
1 2 3 4 5 6 | <div class = "area" v- for = "(item, key) of cities" :key= "key" >
<div class = "title border-topbottom" >{{key}}</div>
<div class = "item-list" >
<div class = "item border-bottom" v- for = "innerItem of item" :key= "innerItem.id" >{{innerItem.name}}</div>
</div>
</div>
|
关键就是 v-for="(item, key) of cities"
,相当于Map结构的 (key, value)
相关免费学习推荐:JavaScript(视频)
以上就是vue.js如何遍历map的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
vue.js是否支持ie8
vue.js中使用动态组件的方法
引vue.js和安装有什么区别
vue.js如何打包放到服务器
nodejs和vuejs之间的差异
浅谈vue.use到底是什么?
django和vue.js区别是什么
彻底理解css中视觉格式化模型(附示例)
分析一下vue.use的源码
vue.js是mvvm框架吗
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » vue.js如何遍历map