zoukankan      html  css  js  c++  java
  • 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}
        }
      }
  • 相关阅读:
    手把手教你用Python制作简易小说阅读器
    JSP的page指令
    Web应用的目录结构
    myeclipse怎么集成tomcat
    Tomcat启动注意点
    JSP基础概念
    SQL数据库数据类型详解
    注释和特殊符号
    StringBuffer
    String
  • 原文地址:https://www.cnblogs.com/victorlyw/p/10573149.html
Copyright © 2011-2022 走看看