全局引入vant后使用Toast的问题及解决
目录
全局引入vant后使用Toast问题
1.Toast 的使用（官方）
2.问题
3.解决
小程序中引入vant-weapp toast组件踩坑(Toast不显示)
全局引入vant后使用Toast问题 1.Toast 的使用（官方）1.1 引入
import Vue from 'vue';
import { Toast } from 'vant';
Vue.use(Toast);
1.2 使用
Toast('提示内容')
2.问题
当全局引入 vant 时候，直接使用 Toast('提示内容') 不会弹出提示框；
3.解决全局引入vant 的时候 组件中使用
this.$toast('提示内容')
小程序中引入vant-weapp toast组件踩坑(Toast不显示)
引入方法
import Toast from '../../vant-weapp/toast/toast';
文件结构：
直接按照官方的引入的话可能存在路径问题.
官方：
还需要注意的就是要在wxml中写上:<van-toast id="van-toast" />不然也不会有弹窗.
<van-toast id="van-toast" />
以上为个人经验，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Lilac
2020-01-08
Janna
2022-11-05
Catherine
2022-11-05
Ros
2022-11-05
Kita
2022-11-05
Obelia
2022-11-05
Lala
2022-11-05
Rayna
2022-11-05
Prunella
2022-11-05
Irene
2022-11-06
Canace
2022-11-06
Gamila
2022-11-06
Feronia
2022-11-06
Wanda
2022-11-06
Lacie
2022-11-06
Irene
2023-02-26
Diane
2023-03-04