【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