vant toast不弹窗刷新后才弹窗
问题场景:
我做了几个表单页面,表单都是动态生成出来的。点击下一步的时候会校验表单,当校验不过的时候,我用toast进行提示了。
然而我发现我的toast代码并没有用,从page1到这个表单页面page2之后,page2没填表单直接点击下一步,每次都不会toast。
可我重新刷新这个表单页面page2后,不填表单信息,直接点下一步就会toast。
问题是正常情况下应该不需要刷新就提示呀!!!
F12也并没有看到任何报错信息,他就是纯纯不弹窗。debug这个$toast也并非undefined之类的。
代码块如下:
this.$refs.form.validate().then(()=>{
}).catch(e=>{
//打印这个msg的时候也是有的,也没有报错信息。但是toast就是不弹窗。只有刷新此页面后点下一步会立刻弹窗
var msg = e[0].message;
this.$toast.fail(msg )
})
百度了一下,有的博主是说设置toast的z-index,我设置后也是没用。
后来算了,直接用Dialog进行提示了,Dialog提示也够醒目。
用dialog提示就没有问题,不需要刷页面,校验不过就直接提示了。
解决:
this.$refs.form.validate().then(()=>{