记录一下for循环遍历数据的key value ;vue v-for 循环遍历数据的key和value;

首先 根据搜寻来的资料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