如何在原生微信小程序框架下使用Toast，已经试过但是失败。

[zi1987zi]

[zi1987zi]

1.按照官方文档在页面json中已经添加van-toast引用，2.在wxml布局中也是用了3.在js中使用selectCompent方法引用van-toast得到一个对象，使用文档中fail或者success方法，报错。疑问：在原生微信小程序框架怎么使用这个组件，button啥的我已经使用成功了，这个带id的组件我怎么弄都用不了，接触小程序不久，望高手赐教怎么整，网上资料也少。谢谢。

[MeloGuo]

应该在 JS 文件中也引入 Vant 提供的 Toast 方法，不要自己 selectComponent。 import Toast from 'path/to/@vant/weapp/toast/toast' 这里官方文档写的也有问题，

[rex-zsd]

1.按照官方文档在页面json中已经添加van-toast引用，2.在wxml布局中也是用了3.在js中使用selectCompent方法引用van-toast得到一个对象，使用文档中fail或者success方法，报错。疑问：在原生微信小程序框架怎么使用这个组件，button啥的我已经使用成功了，这个带id的组件我怎么弄都用不了，接触小程序不久，望高手赐教怎么整，网上资料也少。谢谢。

默认id是van-toast不是vantoast，也不是通过selectComponent来调用方法的。 不知道怎么使用的话可以直接复制文档示例的代码下来修改。

[rex-zsd]

应该在 JS 文件中也引入 Vant 提供的 Toast 方法，不要自己 selectComponent。 import Toast from 'path/to/@vant/weapp/toast/toast' 这里官方文档写的也有问题，

文档写的是没有问题的，import Toast from 'path/to/@vant/weapp/toast/toast'这种引入方式只在npm构建的情况下使用，如果不是npm构建的话需要加dist的。

[Dazhenga]

应该在 JS 文件中也引入 Vant 提供的 Toast 方法，不要自己 selectComponent。 import Toast from 'path/to/@vant/weapp/toast/toast' 这里官方文档写的也有问题，

文档写的是没有问题的，import Toast from 'path/to/@vant/weapp/toast/toast'这种引入方式只在npm构建的情况下使用，如果不是npm构建的话需要加dist的。

感谢，刚解决了刚入门小程序开发的困惑 import Toast from '@vant/weapp/toast/toast';