微信小程序 WeUI 使用拓展组件tabs方法
注意:不能使用 引入useExtendedLib 扩展库 的方式,而是用npm构建的方式。
- 第一步:在项目根目录下打开终端。(我的是miniprogram)
- 第二步:终端里输入:
npm i @miniprogram-component-plus/tabs --save
- 第三步:点击微信开发者工具的工具中,找到构建npm
完成后在其目录下会生成一个miniprogram_npm\@miniprogram-component-plus\tabs
目录。
- 第四步:在需要引用tabs的页面文件夹下打开.json文件,输入以下文件。
注意:tabs文件下的页面是index
而不是tabs
,在引入时要注意,否则会报错。
{
"usingComponents": {
"mp-tabs": "/miniprogram_npm/@miniprogram-component-plus/tabs/index"
},
}
这样就可以在页面中使用组件了。
拓展:也可以采用自定义组件
的方式,将这个tabs
文件夹放置components
里面来使用,参考官方文档如何自定义组件。