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

Eason-所长

已于 2022-07-27 17:18:07 修改

阅读量1.1k

点赞数

文章标签： elementui vue.js javascript

于 2022-07-27 17:12:31 首次发布

本文链接：https://blog.csdn.net/m0_58158705/article/details/126019028

版权

<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>