vue使用动态渲染v-model输入框无法输入内容
最近使用ElementUI框架,在动态渲染表单的时候,表单框无法输入内容,但是绑定model的数据是会发生变化
解决方法:
将动态生成的表单对象,深拷贝到 data 对象中
<el-date-picker v-model="schemeRulesForm[item.names[0]]" type="date" placeholder="选择日期"></el-date-picker>
data () { return { schemeRulesForm: null // form 表单数据 } }, methods: { // 获取表单 name 值 getRulesFormKey () { let rulesForm = [] for (let i = 0; i < rulesFormItems.length; i++) { // 日期做特殊处理 if (rulesFormItems[i].type == 'date') { // 设置日期默认值 rulesForm[rulesFormItems[i].names[0]] = getDateToNumDay(rulesFormItems[i].toDate) rulesForm[rulesFormItems[i].names[1]] = getThatTime() } } this.schemeRulesForm = {...rulesForm} } }
追崇技术,乐在分享!