直接上解决方案,直接在绑定的方法中调用wx.openCustomerServiceChat 方法即可。
需要注意的几点。
- hbuilder x 需升级到 3.4.3 版本以上。
- 使用的,微信开发者工具中是看不到效果的,需要打包后,在微信中扫码查看。(体验版,开发版都行)
示例如下:
在 methods 中新建方法,将方法绑定的跳转view 或 button中即可调用。
methods:{//跳转到专家资讯expertConsultation(){//我这里用了全局封装的数据,方便后期修改。各位可以直接,放入自己的参数wx.openCustomerServiceChat({extInfo: {url:this.$setting.customerService},corpId:this.$setting.corpId,success(res) {}})},
}
官方示例
wx.openCustomerServiceChat({extInfo: {url: '跳转地址'},corpId: '企业id',success(res) {}
})
参数
属性 | 子参 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|---|
extInfo | ↓ | Object | 是 | 客服信息 | |
url | String | 是 | 客服链接 | ||
corpId | – | String | 是 | 企业ID | |
showMessageCard | – | Boolean | false | 否 | 是否发送小程序气泡消息 |
sendMessageTitle | – | String | 否 | 气泡消息标题 | |
sendMessagePath | – | String | 否 | 气泡消息小程序路径 | |
sendMessageImg | – | String | 否 | 气泡消息图片 | |
success | – | function | 否 | 接口调用成功的回调函数 | |
fail | – | function | 否 | 接口调用失败的回调函数 | |
complete | – | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
还有一点就是需要在微信公众平台上面配置客服信息。如下图,绑定企业id即可。