Nuxt中使用Toast报错 ReferenceError: Toast is not defined

一、nuxt 中使用vant 组件

安装组件库

npm install vant -S

在 plugins 目录下新建 vant-ui.js，里面引入vant 组件

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);

打开nuxt.config.js ，添加如下配置

plugins中：

plugins: [
    { src: "@/plugins/vant-ui", ssr: true }
],

css中：

css: [
    'vant/lib/index.css'
],

build中：

build: {
    transpile: [/^vant-ui/]
}

二、使用Toast

方式一：通过this.$toast()的方法

this.$toast('提示')

方式二：先导出再使用

import {Toast} from 'vant'

Toast('提示')