vant 小程序踩坑之Toast

官方给的路径是这样

import Toast from 'path/to/@vant/weapp/dist/toast/toast'

然后报错

修改后

import Toast from '@vant/weapp/toast/toast'

可以正常使用了

https://vant-contrib.gitee.io/vant/#/zh-CN/home

vue使用vant组件库

//npm安装vant组件库后 在main.js中按需引入所需组件

import { Button } from 'vant'

Vue.use(Button)

https://youzan.github.io/vant-weapp/#/quickstart

引入某个组件 js文件中

import Toast from '@vant/weapp/toast/toast'

showtxt(){

Toast('我是提示文案，建议不超过十五字~')

},

wxml中：

<van-button type="info" bindtap="showtxt">点击d出事件</van-button>

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

---