- 在
manifest.json
里面查找小程序特有相关mp-weixin
在里面配置插件信息
manifest.jso的完整配置信息
/* 小程序特有相关 */
"mp-weixin" : {
// 在下面配置插件
"plugins" : {
"myPlugin": { // 这里的名称和你插件文件的名称相同
"version": "插件版本",// 注意填写该插件最新版本号,微信开发者工具调试时可获取最新版本号
"provider": "插件的appid"// 必须填该插件appid,该示例值即为插件的appid
}
}
},
- 在pages.json里面引用,找到相对应的页面插入插件配置信息
"pages": [ //pages数组中第一项表示应用启动页,参考: https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "测试页面",
"enablePullDownRefresh": false,
// 微信插件配置
"mp-weixin": {
"usingComponents": {
"页面中使用的插件名称最好别使用驼峰命名:eg(say-bar)": "plugin://myPlugin/say-bar"
}
}
}
}
],
- 在页面中使用
<template>
<view class="content">
<say-bar @getinfo="getInfo" :Name="userName">
获取信息
</say-bar>
</view>
</template>
<script>
export default {
data() {
return {
userName: 'Hello' // 传递的参数
}
},
methods: {
getInfo(e){
console.log(e,'组件事件回调的方法');
},
}
}
</script>
- hbuilderx编译之后在微信开发者工具中验证,app.json中有以下代码就表示添加成功
"plugins": {
"myPlugin": {
"version": "版本号",
"provider": "插件所在的appid"
}
},
页面的index.json中含有以下代码
"usingComponents": {
"say-bar": "plugin://myPlugin/say-bar"
}