微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在uniapp 中使用 vant weapp 12/18更新 亲测能用

如何在uniapp 中使用 vant ui

现如今各大博客 一堆堆的水文 复制粘贴 翻来翻去 一点有用的都没有.

首先到 插件市场 直接导入这个案例

Vantui Weapp For Uni-app - DCloud 插件市场

这个vant 是被大佬们优化转化的,  uniapp 中可直接使用

直接把案例里的 wxcomponents 文件copy到自己项目

pages.json

style对象中添加组件 即可

{
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "uni-app",
				"usingComponents":{
				"van-button": "/wxcomponents/vant/button/index" // 注册组件即可使用
				}
			}
		}
	],
	...
}

index.vue 中就能使用 van-button 了 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐