擴展組件是微信平臺對微信小程序內置組件能力的補充，包括了一些常見的功能組件。微信小程序如何引入擴展組件庫？下面小編以選項卡組件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>