全局引入vant后使用Toast没有生效的问题

分类:计算机 | 前端 | 综合 770
更新:2022-12-05 00:12:06
编辑

最近在项目中用到了vant的轻提示控件Toast,按照官方的描述使用vant中的Toast,如下:

1、引入:

import Vue from 'vue';
import { Toast } from 'vant';

Vue.use(Toast);

2、使用:

Toast.success('成功文案');
Toast.fail('失败文案');

但是这样使用是没有效果的,会报错“没有找到Toast”,当全局引入 vant 时候,直接使用 Toast('提示内容') 不会弹出提示框;

应该这样使用:

this.$toast.success("成功文案");
this.$toast.fail("失败文案");