vue v-for 如何获取数组key
在循环事件中,我们经常既需要数组key,value同时使用,所以怎么用vue v-for同时获取这两个参数呢,看代码//数组数据var vm = new Vue({el: '#vue_det',data: {info:[{"age":25,"name":"suijian","sex":"man"},{"age":25,"name"...
·
在循环事件中,我们经常既需要数组key,value同时使用,所以怎么用vue v-for同时获取这两个参数呢,看代码
//数组数据
var vm = new Vue({
el: '#vue_det',
data: {
info:[
{"age":25,"name":"suijian","sex":"man"},
{"age":25,"name":"suijian","sex":"man"},
{"age":25,"name":"suijian","sex":"man"},
{"age":25,"name":"suijian","sex":"man"}
],
},
methods: {
},
computed:{
}
});
<div id="vue_det">
//获取数组索引 用index表示 名字可以随意换
<div v-for="(item,index) in info">
<p>{{index}} : {{item}}</p>
//获取对象索引 我用了key表示 名字可以随意换
<div v-for="(children,key) in item">
<p>{{key}}:{{children}}</p>
</div>
</div>
</div>
更多推荐
已为社区贡献2条内容
所有评论(0)