【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图标响应问题
  },
}

  

posted @ 2021-12-24 14:46  秋墨江雪  阅读(1037)  评论(0编辑  收藏  举报