在mpvue框架中使用Vant WeappUI组件库的注意事项[推广]

1如何介绍组件库

有两种方法：1 npm下载2下载代码，第二种方法描述如下。

在gitHub上，链接如下：https://github.com/youzan/vant-weapp首先在其项目目录static下新建一个vant文件夹来存储组件文件，并将dist文件夹下的所有文件复制到static下的vant目录下，如下图：

2如何使用它

1在需要使用组件的页面所在的文件夹下新建一个页面main.json(新建页面后需要npm run dev才能生效)，然后在里面引入相应的组件，如下图所示，引入了van-popup组件和van-picker组件：

2用于相应的页面，使用van-popup组件和van-picker组件。在外壳中选择年份。

3注意事项

弹出的事件命名使用减号，会导致组件无效。解决方法如下：在vant目录下的popup目录中找到index.js文件(即上面提到的static下新创建的vant)，修改其中的事件名称，将下面注释中的短横线名称改为驼峰名称即可生效。

此时，您可以在页面中使用相应的组件。

摘要

以上就是边肖给大家介绍的关于在mpvue框架中使用Vant WeappUI组件库的注意事项。希望对你有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！