vue使用動態渲染v-model輸入框沒法輸入內容

最近使用ElementUI框架,在動態渲染表單的時候,表單框沒法輸入內容,可是綁定model的數據是會發生變化框架

解決方法:this

將動態生成的表單對象,深拷貝到 data 對象中spa

<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} } }
相關文章
相關標籤/搜索