【ElementUI】表單組件el-input填寫不顯示填寫內容


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圖標響應問題
  },
}

  


免責聲明!

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



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