只若初见

vue遍历json对象

电脑版发表于:2020/6/6 13:58

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>

效果如下:


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢