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