位置: 编程技术 - 正文
vue微信分享 vue实现当前页面分享其他页面(vue微信分享功能)
编辑：rootadmin推荐整理分享vue微信分享 vue实现当前页面分享其他页面(vue微信分享功能)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue实现微信分享,vue微信分享小卡片,vue微信公众号分享,vue如何分享长视频到朋友圈,vue微信分享功能,vue实现微信分享,vue微信分享小卡片,vue实现微信分享,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例为大家分享了vue微信分享展示的具体代码，供大家参考，具体内容如下
首先以分享给朋友为例
1、先看官方文档
2、vue分享踩的坑
* 1、微信分享中获取动态的url* 2、 微信二次分享自动添加的参数 form=singlemessage* 3、vue中各个页面都可以调用分享
3、直接代码分析
为了保证每个页面都可以调起微信分享,需要在vue根组件中,添加 watch监听 代码
4、shareOut()函数
5、需要注意的事
*1、url是直接通过 window.location.href 获取的,不是使用 window.location.href.split(“#”)[0]来获取, 因为我的vue项目是通过hash模式来进行路由跳转的 , 直接使用 window.location.href.split(“#”)[0]会导致签名失败
*2、而且我们要在当前页面分享出去之后 , 其他用户打开之后 不是当前分享出去的页面 ,这就需要 调整 shareOut()函数中 obj对象中的 link参数为其他页面链接
6、link参数
上述 5 问题中的加密字符串汇总的 url 和 分享对象中 link中的页面链接可以不用保持一样,因为本来就是要在当前页面分享出去其他页面的链接。网上我看到有人说这两个必须要保持一样,其实没有必要, 除非你只是简单的在vue项目中的其中一个页面做分享 , 然后只分享当前页面才需要让二者保持一致性。
标签: vue微信分享功能
本文链接地址:https://www.jiuchutong.com/biancheng/380262.html 转载请保留说明！下一篇：Angular之toDoList的实现代码示例(angular const)
