如何调整Vant组件中Toast弹窗的显示层级顺序？

本文共计236个文字，预计阅读时间需要1分钟。

1. 在main.js中引入toast。

2.每个页面使用toast。

3.每个页面有一个私有的样式scoped。

4.类名inexa的层级写在app.vue中。

5.注意：toast每次调用z-index层数加一，因为默认打开了新窗口。

1、toast在main.js中引用

2、在每个页面中使用toast

3、每个页面有一个私有样式scoped，因此类名inexa的层级写在app.vue里

注：toast每调用一次（z-index)层级就会加一,因为默认打开了新窗口，层级会加一

补充知识：vant-ui toast和dialog使用

vant-ui中的toast和dialog使用

Toast('提示') Dialog({ message: '提示' }) //直接用官网的写法会报未定义

应该这样写

this.$toast('提示')

this.$dialog({ message: '提示' })

以上这篇vant中的toast层级改变操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。