?①引入sdk:
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
?②使用sdk
// 微信分享之定义分享按钮功能
export const setWxShareHide = () => {
request({
url: URLS.GET_BAZI_JSTICKET,
params: { url: window.location.href },
method: 'get',
}).then(res => {
const {
appId, timestamp, nonceStr, signature,
} = res
window.wx.config({
// debug: true,
appId, // 必填,公众号的唯一标识
timestamp: timestamp?.toString(), // 必填,生成签名的时间戳
nonceStr, // 必填,生成签名的随机串
signature, // 必填,签名
jsApiList: ['hideMenuItems'], // 必填,需要使用的JS接口列表
})
window.wx.ready(() => {
wx.hideMenuItems({
menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline', 'menuItem:share:qq', 'menuItem:share:QZone', 'menuItem:openWithSafari', 'menuItem:openWithQQBrowser', 'menuItem:favorite'],
})
})
})
.catch(e => {
console.log(e, '隐藏微信分享错误原因')
})
}
此方法可以在vue的created方法里面被调用(必须在用户可能分享之前调用)