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