tnblog
首页
视频
资源
登录

vue遍历json对象

12691人阅读 2020/6/6 13:58 总访问:524456 评论:0 收藏:0 手机
分类: 前端

html:

<div id="test">
    <ul>
        <li v-for="(item,key) in data">key:{{ key }} , value : {{ item }}</li>
    </ul>
</div>

vue:

var consulserviceVue = new Vue({
    el: "#test",
    data: {
        data: { aa: "重庆", bb: "达州", cc: "四川" }
    }
});

效果如下:


还可以同时输入索引:

<div id="test">
    <ul>
        <li v-for="(item,key,index) in data">key:{{ key }} , value : {{ item }}, index: {{index}}</li>
    </ul>
</div>

效果如下:


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739

评价
如果有缘,错过了还会重来,如果无缘,相遇了也会离开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术