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

Logo

前往低代码交流专区

更多推荐