全局引入vant后使用Toast的问题及解决

全局引入vant后使用Toast问题

1.1 引入

import Vue from 'vue';
import { Toast } from 'vant';
Vue.use(Toast);

1.2 使用

Toast('提示内容')

当全局引入 vant 时候，直接使用 Toast('提示内容') 不会弹出提示框；

全局引入vant 的时候组件中使用

this.$toast('提示内容')

引入方法

import Toast from '../../vant-weapp/toast/toast';

文件结构：

直接按照官方的引入的话可能存在路径问题.

官方：

还需要注意的就是要在wxml中写上:<van-toast id="van-toast" />不然也不会有弹窗.

<van-toast id="van-toast" />