- 在
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" }