记录一下for循环遍历数据的key value ;vue v-for 循环遍历数据的key和value;
首先 根据搜寻来的资料for 循环数据的key 和value1.做个数据demoobj:{信息:1,类型:'dfdsf',c:true}for(var key in obj){console.log(key,obj[key])}*打印结果为:信息 1类型 dfdsf*...
·
首先 根据搜寻来的资料for 循环数据的key 和value
1.做个数据demo
obj:{
信息:1,
类型:'dfdsf',
c:true
}
用for循环的方法:
for(var key in obj){
console.log(key,obj[key])
}
打印结果为:
信息 1
类型 dfdsf
c true
直接获取数据的key 也可以用Object.key(obj);的方法;
console.log(Object.key(obj))
打印结果是一个obj key 的数组:
['信息','类型','c']
2.然后vue的v-for 循环
用element 的 from做例子:
<el-col :span="12" v-for="(item,index) in obj" :key="index">
<el-form-item :label="index" >
<el-input :disabled="isable" v-model="obj[index]"></el-input>
</el-form-item>
</el-col>
效果就出来了
如图from 表单的label 是数据的key input里面的值则是数据的value
更多推荐
已为社区贡献3条内容
所有评论(0)