在做项目的时候发现一个情况,输入框无法输入值并且表单校验失灵。
通过输入框失去焦点的时候强制刷新页面来解决输入框无法输入的问题,但是表单校验失效仍然存在。
解决输入框无法输入的代码是:
forceUpdate() {
this.$forceUpdate();
},
遇到的具体情况如下:
新增和编辑公用一个弹框,再点击新增按钮,触发了邮箱输入框的空值校验规则,在关闭了新增弹框(关闭时已经重置校验规则),打开编辑弹框,鼠标放入邮箱输入框,失去焦点时,仍然会显示空值校验,并且邮箱输入框无法输入和删除
修改了在编辑时候的表单赋值形式就没有这个情况了,将强制刷新代码删除也是好的,但是本人不知道什么原因,有知道的小伙伴可以在下面评论区留言呀!!!!