Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间，Vue.js Nuxt.js 通用公众号页面解决方案（超级详细教程）_vue pc网页分享到朋友圈

作者：Gausst松鼠会 | 2024-02-20 19:52:30

踩

vue pc网页分享到朋友圈

如果您是 uniapp 项目（H5 网页），请访问 uniapp - 最新 H5 公众号网页分享到微信朋友圈 / 转发分享好友这篇详细教程。

目前网上大部分教程都过时了（老版本、无效），并且存在 BUG与未进行代码封装乱的要死，移植到自己的项目非常困难。

本文将从 0-1 详细完成该功能，支持 Vue2 / Vue3 / Nuxt.js 项目，代码干净整洁无 BUG，

提供核心代码及超级详细的注释（无任何乱七八糟的不相关代码），您复制粘贴稍微改一下就能马上用。

利用微信 SDK 在网页中调起分享，实现 朋友圈与好友、QQ 相关的分享（本示例进行了封装，后续方便复用），

如下图真机测试，我自定义的标题、文案与图标：

在这里插入图片描述

由于要

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/120752