3.uniapp项目中引入小程序ui -vant weapp组件

3.uniapp项目中引入小程序ui -vant weapp组件,第1张

项目需求:

想要知道如何在uniapp项目中引入使用小程序ui-vant weapp组件,首先得了解如果在uniapp项目中使用小程序组件

微信小程序组件 需要放在项目特殊文件夹 wxcomponents 。

在 pages.json 对应页面的 style ->usingComponents 引入组件:

在页面中使用

我对这句话的理解是:

而我们想在uniapp项目中使用vant weapp微信小程序组件的诉求,其实是想在项目中任何位置都可以使用vant组件,所以我们需要全局注册vant小程序组件

https://vant-contrib.gitee.io/vant-weapp/#/quickstart

并不需要注册所有的,你使用那个组件注册那个就行

注意事项:

<font color=#999AAA >本文不再赘述官网提供的安装步骤紧在安装之时遇见的问题进行梳理

此次开发不使用云开发服务</font>

<hr style=" border:solidwidth:100pxheight:1px" color=#000000 size=1">

<font color=#999AAA >提示:以下是本篇文章正文内容,下面案例可供参考</font>

<font color=#999AAA >提示:创建完成</font>

<font color=#999AAA >提示:启动终端</font>

快速上手

<font color=#999AAA >提示:按照快速上手步骤进行安装,不在赘述</font>

<font color=#999AAA >提示:按照官网快速上手进行配置</font>

<font color=#999AAA >提示:在进行构建npm 时会报错找不到此文件</font>

设置:description字段的内容无所谓,不为空即可;第二个权限设置成私有的即可。接下来就可以正常使用npm安装命令了。

<font color=#999AAA >提示:再次安装后会出现node_modules文件包</font>

出现未找到miniprogram 自行在根目录创建miniprogram解决此问题

<font color=#999AAA >提示:按照快速上手的方法引入组建会出现此路径错我,进行解决方法为下方方法</font>

<font color=#999AAA >提示:至此,vant Weapp 就可以在index.wxml 使用,引入成功</font>

以上有说的不对,不完善的还请各位大神指教,如能帮助您请关注评价哦


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12020066.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-20
下一篇2023-05-20

发表评论

登录后才能评论

评论列表(0条)

    保存