虽然微信提供了jssdk,不代表可以点击按钮进行分享到朋友圈,是需要微信自带的浏览器右上角进行分享。手机浏览器需要浏览器支持分享到朋友圈的分享机制。

微信jssdk地址:

https://mp.weixin.qq.com/wiki?action=doc&id=mp1421141115&t=0.6985271624097684#0

npm安装微信的jssdk安装包:

vue项目中分享到朋友圈,调用微信接口

main.js中引入jssdk

vue项目中分享到朋友圈,调用微信接口

需要分享的页面引入wx:

vue项目中分享到朋友圈,调用微信接口

需要进行wx.config配置

vue项目中分享到朋友圈,调用微信接口

wx.config的配置内容需要后台传过来的数据,所以,需要调用接口。其中接口中传往后台的参数需要后台约定。

vue项目中分享到朋友圈,调用微信接口

以上代码在页面created生命周期中调用。

即可分享到朋友圈,分享到好友亦然。

 如有疑问,可留言!

vue项目中分享到朋友圈,调用微信接口

相关文章:

  • 2021-12-04
  • 2021-03-31
  • 2022-12-23
  • 2021-12-22
  • 2021-10-10
  • 2021-06-30
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-06
相关资源
相似解决方案