uniapp使用vantui,uni-app vant-weapp
Uni可以用vant，因为vant ui有h5版本和微信小程序版本，而且从“uni-app2.4.7”开始，H5和QQ小程序也支持微信小程序组件。其使用方法是在“pages.json”的“globalStyle”中引入所需组件。
UNI-APP开发(仿饿)开发课程：进入学习
本教程运行环境：windows7系统，Uni-App版本2.5.1，Dell G3电脑。
推荐(免费):uni-app教程
uni-app使用Vant组件
前言
vant ui有h5版和微信小程序版。其h5版本只能用于h5，其微信小程序版本(vant weapp)可以用于微信和app。从uni-app 2.4.7开始，H5和QQ小程序也支持微信小程序组件。
使用步骤
下载代码
在项目的根目录中创建一个新的wxcomponents目录，该目录应该与components目录在同一级别。
直接通过git下载vant-weapp的最新源代码，将dist目录复制到新创建的wxcomponents目录下，将dist重命名为vant-weapp。
在pages.json的globalStyle中引入所需的组件
努力成功。
模板
p
厢式货车搬运工
v-if=flag
:列=“列”
@change=changePicker
/
van-button @ click= show show/van-button
/p
/模板
脚本
导出默认值{
data() {
返回{
栏目：[杭州，宁波，温州，嘉兴，湖州]，
标志：假
};
},
方法：{
show() {
console.log(1=， show )；
this.flag=！this.flag
},
changePicker(事件){
console.log(1=，event)；
}
}
};
/script
注意事项
vant组件中的通知消息提示比较特殊。
不仅需要在pages.json的globalStyle中引入，还需要在main.js中添加到vue原型中
//main.js
“导入通知自”。/wx components//vant/notify/notify ；
Vue.prototype.$notify=Notify，然后在页面中使用它
模板
视角
Van-button @click=showNotify 弹出提示/van-button
van-notify id=van-notify /
/查看
/模板
脚本
导出默认值{
方法：{
showNotify() {
这个。$ notify ({type: danger ，message:通知内容 })；
}
}
};
/script以上是vant能否在uniapp中使用的细节。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。