1.关于微信小程序打开客服有两种情况:小程序客服和企业客服
情况分别是如下效果
1.小程序客服
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/a371cd0df0e849d88c24a8a0529bbc05.png
2.企业微信客服
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/20f9b60940564f6493bfe5f6e2c3f8b6.png
在微信公众平台需要做的就是
1.针对小程序客服
然后通过
// open-type类型需要设置成contact 在contact 回调中获得具体信息,
<button class="leftBox" type="default" plain="true" open-type="contact" @contact="contact">
打开客服会话
</button>
1.针对企业微信客服,需要在后台绑定企业微信的公司id,来获取对接的客服链接
然后通过
//html内容
<button class="item" @click="contactClick" hover-class='none' v-else>
<image :src="servicePic"></image>
<text>联系客服</text>
</button>
//js内容
contactClick() {
// #ifdef MP-WEIXIN
// console.log('微信环境!!');
wx.openCustomerServiceChat({
extInfo: {url: '连接地址'},
corpId: '企业微信id',
success(res) {}
})
// #endif
},