擴(kuò)展組件是微信平臺(tái)對(duì)微信小程序內(nèi)置組件能力的補(bǔ)充，包括了一些常見(jiàn)的功能組件。微信小程序如何引入擴(kuò)展組件庫(kù)？下面小編以選項(xiàng)卡組件tabs為例，為大家?guī)?lái)引入操作教程。
微信小程序引入擴(kuò)展組件庫(kù)操作教程
1、在微信開(kāi)發(fā)者工具中，點(diǎn)擊詳情–>本地設(shè)置，勾選使用npm模塊；
2、在微信開(kāi)發(fā)者工具中點(diǎn)擊工具–>點(diǎn)擊構(gòu)建npm；
3、在要引入頁(yè)面的 json 文件中加入 usingComponents 字段；
{
“usingComponents”: {
“mp-tabs”: “@miniprogram-component-plus/tabs”
}
}
4、在頁(yè)面 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>
