微信小程序如何引入扩展组件库

扩展组件是微信平台对微信小程序内置组件能力的补充，包括了一些常见的功能组件。微信小程序如何引入扩展组件库？下面小编以选项卡组件tabs为例，为大家带来引入操作教程。

微信小程序引入扩展组件库操作教程

1、在微信开发者工具中，点击详情–>本地设置，勾选使用npm模块；

2、在微信开发者工具中点击工具–>点击构建npm；

3、在要引入页面的 json 文件中加入 usingComponents 字段；

{

“usingComponents”: {

“mp-tabs”: “@miniprogram-component-plus/tabs”

}

}

4、在页面 wxml 中使用该组件即可。

<mp-tabs

tabs=”{{tabs}}”

activeTab=”{{activeTab}}”

bindtabclick=”onTabCLick”

>

<block wx:for=”{{tabs}}” wx:key=”title”>

<view class=”tab-content” slot=”tab-content-{{index}}” > {{item.title}} </view>

</block>

</mp-tabs>