作者:夫功的美丽家园 | 来源:互联网 | 2023-09-24 17:53
目录
- 全局引入vant后使用Toast问题
- 小程序中引入vant-weapp toast组件踩坑(Toast不显示)
全局引入vant后使用Toast问题
1.Toast 的使用(官方)
1.1 引入
import Vue from 'vue';
import { Toast } from 'vant';
Vue.use(Toast);
1.2 使用
2.问题
当全局引入 vant 时候,直接使用 Toast('提示内容') 不会弹出提示框;
3.解决
全局引入vant 的时候 组件中使用
小程序中引入vant-weapp toast组件踩坑(Toast不显示)
引入方法
import Toast from '../../vant-weapp/toast/toast';
文件结构:
直接按照官方的引入的话可能存在路径问题.
官方:
还需要注意的就是要在wxml中写上:不然也不会有弹窗.