记录解决在不确定返回对象情况下的 数据展示 vue

场景为  有一个配置类配置类中数据可以选填 要求展示选中后的配置类中信息

例如 配置类为{"token":" "  ,"userId":" " ,"tel":" " , "carNo" :" "}   在配置类中选中了 {"token":" "  ,"userId":" " }  希望界面上只展示 我返回的数据  

<div v-for="(item,index) in formData" :key="index">
  <el-form-item :label="$t('table.config.'+index)">
    <el-input v-model="formData[index]" />
  </el-form-item>
</div>

将返回数据格式化为 json对象存入 formData  进行v-for循环 并生成相应的 input框 

中途还出现了输入框每次只能输入一个字符 然后就会失去焦点 产生原因是:key="item"，input数据绑定后进行模型更新后，div的属性要刷新，进行渲染后就重新刷新的input。如果你是要在代码中找div，建议你直接找input的父节点的方式，而不要用子节点绑定的数据给父节点的属性赋值。

将:key="item" 改为:key="index" 即可解决输入问题