element Ui 动态渲染input V-model的值

<template>
  <el-input 
    v-for="(item,index) in defaultValue" 
    :key="index" 
    v-model="defaultValue[index]"
    placeholder="请输入内容"
    style="width:80%">
  </el-input>
</template>
<script>
    export default {
      data() {
        return {
            defaultValue:[]
        }
    },
        created(){
            this.getInputValue() // 调用方法
    },
        methods(){
            getInputValue () {
                // 假设这是后端返回的值
                /*[{
                    "id": 1,
	                "defaultValue": "111",
                  },
                  {
                    "id": 2,
	                "defaultValue": "222",
                  }],*/
               for (var i = 0; i < res.length; i++) {  //此时我们遍历res数组
               this.defaultValue.push(res[i].defaultValue)  // push到defaultValue空数组中
            }
        }
    }
}
</script>


版权声明:本文为m0_58158705原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。