vue动态绑定v-model属性名

1.目标

首先配置列，根据配置渲染表单，每个表单项绑定配置中的属性

 

2.方案

<template v-for="(item) in showQueryColumns" >
    <el-col :key="item.prop" :xs = "24" :sm = "12" :md="12" :lg = "12" :xl = "6">
        <!--字符串类型-->
        <el-form-item v-if="item.type==='string'" :label="$t(item.i18n)" :prop="item.prop">
             <el-input v-model="form[item.prop]" clearable></el-input>
        </el-form-item>
    </el-col>
 </template>

• v-model绑定的必须是属性，可以使用方括号，取指定对象的属性

 

亲测有效