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>效果如下:

