首页 > 其他 > 详细

vue使用动态渲染v-model输入框无法输入内容

时间:2019-03-21 17:42:49      阅读:1764      评论:0      收藏:0      [点我收藏+]

最近使用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}
    }
  }

 

vue使用动态渲染v-model输入框无法输入内容

原文:https://www.cnblogs.com/victorlyw/p/10573149.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!