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

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


声明:本站部分文章来源于互联网,如有侵犯作者著作权,请及时与我们联系。

木鱼小铺小程序

为您推荐