扩展组件是微信平台对微信小程序内置组件能力的补充,包括了一些常见的功能组件。微信小程序如何引入扩展组件库?下面小编以选项卡组件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>