el-input
輸入不顯示現象:
input
框填寫不顯示、日期組件選擇不了,這與可能存在的動態加載的數據存在異步問題有關,這會導致組件內容不能及時更新;
解決方法:
<!-- 文本標簽 --> <el-input v-if="item.type=='4'" v-model="form[item.field]" @input="forceUpdate($event)"></el-input> <!-- 日期標簽 --> <el-date-picker v-else-if="item.type=='5'" @change="forceUpdate($event)" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" v-model="form[item.field]" @blur="forceUpdate($event)"></el-date-picker> ........... methods:{ forceUpdate(e){ this.$forceUpdate(); // @change="forceUpdate($event)"主要是解決clear圖標響應問題 }, }