vue clearValidate() 没有生效

最新推荐文章于 2024-03-25 16:55:56 发布

原创最新推荐文章于 2024-03-25 16:55:56 发布 · 3.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

Vue 专栏收录该内容

36 篇文章

订阅专栏

在Vue2.0中，使用$nextTick清理组件的验证值工作正常，但在Vue3.0中遇到问题。关闭修改页面并打开添加页面时，需清理组件值以避免验证问题影响用户体验。在Vue3.0中发现$nextTick内的clearValidate()没有生效，通过添加30毫秒的setTimeout延迟调用，问题得到解决。

如打开了一个修改页面，组件已经赋值了，当关闭后打开添加页面，会清理这些组件的值，这里使用clearValidate() 为了清理vue的验证，应为之前打开了修改页面然后清理了组件的值，触发了验证导致用户体验不好。

之前用vue2.0的时候，这样写完全没问题

this.$nextTick(() => {
                   this.$refs[formName].clearValidate()
                })

当复制到3.0之后，诡异了，完全没有生效，最后加上了一个延迟，居然正常了。

this.$nextTick(() => {
                    setTimeout(function() {
                        this.$refs[formName].clearValidate()
                    }, 30);
                })

没搞懂为什么，能解决就好。