不需要做验证:使用下面这个能完美解决:
<el-input v-model="value" @input="change($event)" />
//强制刷新
change(e){
this.$forceUpdate();
}
需要做验证:上面这种有时候会导致验证失效
官网有这样一句话,更新组件的绑定的值,如果没有绑定值的话,输入框显示的值将不会改变,导致不能输入

所以解决方案是,一开始就加上默认的值 注意:不要写成一个空form:{},form对象里面需要有值
<template>
<div>
<el-input v-model="form.user">
</div>
</template>
export default {
data(){
return {
form:{
user:""
}
}
}
}
ok,有不对的地方,欢迎提出!
本文探讨了在Vue.js中如何使用`$forceUpdate()`强制刷新组件,以及这种方法可能导致的问题,特别是在表单验证场景下。官方建议在初始化时为表单字段赋予默认值以确保输入框显示正确。示例代码展示了如何设置默认值以避免验证失效。
4154

被折叠的 条评论
为什么被折叠?



