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

浙公网安备 33010602011771号