vue 中 input 输入失败(会出现第一次输入不显示,关闭后再打开后输入内容显示)
解决办法:使用 @input 事件,输入强制刷新
1.el-input无法输入的问题
在el-input中添加 @input=“onInput()”
<el-input
@input="onInput()"
:type="item.prop.p3"
v-model="item.value"
autocomplete="off"
></el-input>
在methods中添加
onInput() {
this.$forceUpdate();
},
使用this.$forceUpdate()进行强制渲染
2. el-selete改变值后选中的内容不变
问题场景:默认下拉框选中了值,切换下拉框选中的值,值改变了,但是视图未改变
解决方法:$forceUpdate()
<el-select v-model="alarmForm.week" placeholder="请选择" @change="$forceUpdate()">
<el-option v-for="(item, index) in timeRange.weeks" :key="index" :label="item.label" :value="item.value"></el-option>
</el-select>