element-ui组件嵌套太狠,导致input输入无效
由于弹出框嵌套了两层,导致input输入框毫无反应;后来发现是组件套用太深,vue检测不到视图更新,在失效输入框的input事件中加 this.$forceUpdate()强制刷新;<el-form-item label="测试数据:" required><el-inputv-model="test"type="number"...
·
由于弹出框嵌套了两层,导致input输入框毫无反应;后来发现是组件套用太深,vue检测不到视图更新,在失效输入框的input事件中加 this.$forceUpdate()强制刷新;
<el-form-item label="测试数据:" required>
<el-input
v-model="test"
type="number"
@blur="formatTextNumber($event)"
@input="changeInput($event)"
></el-input>
</el-form-item>
changeInput(e) {
this.$forceUpdate();
},
注意:此方法会导致在部分浏览器中的input的失焦事件blur 失效,在Google浏览器中正常,在火狐浏览器中就不行了,目前正在探索中,还没找到解决办法。
更多推荐
已为社区贡献14条内容
所有评论(0)