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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM