vant toast不弹窗刷新后才弹窗

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(()=>{

}).catch(e=>{
     var msg = e[0].message;

     //this.$toast.fail(msg );
     this.$dialog.alert({
         message:msg,
        confirmButtonColor:'#ff7b7b',
        theme: 'round-button',
     })
    

})