擴展組件是微信平臺對微信小程序內(nèi)置組件能力的補充，包括了一些常見的功能組件。微信小程序如何引入擴展組件庫？下面小編以選項卡組件tabs為例，為大家?guī)硪氩僮鹘坛獭?/p>
微信小程序引入擴展組件庫操作教程
1、在微信開發(fā)者工具中，點擊詳情–>本地設(shè)置，勾選使用npm模塊；
2、在微信開發(fā)者工具中點擊工具–>點擊構(gòu)建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>
