场景:vue父组件和子组件之间的传递,在子组件弹层需要校验表单弹出校验规则:
修改方法是确定一下vant吐司的z-index值,再看看自己的弹层z-index值,设置比vant吐司的z-index小即可;【我的问题是没有设置z-index值】
this.$toast({
message: '请输入11位手机号',
forbidClick: true
})
父组件:
![](https://www.icode9.com/i/l/?n=20&i=blog/698465/202104/698465-20210414153447265-2138404087.png)
子组件:
![](https://www.icode9.com/i/l/?n=20&i=blog/698465/202104/698465-20210414153308345-137730998.png)
![](https://www.icode9.com/i/l/?n=20&i=blog/698465/202104/698465-20210414153701118-821319643.png)
![](https://www.icode9.com/i/l/?n=20&i=blog/698465/202104/698465-20210414153815218-948462509.png)
标签:index,vue,vant,吐司,弹层,组件
来源: https://www.cnblogs.com/kpengfang/p/14658239.html