vue-cli构建项目下使用微信分享功能

一、index.html中引入微信官方分享js

二、在src下的assets/js文件夹下新建wx.jsapi.js文件，把分享做成公用方法

使用axios来发送请求，参照 配置vue-cli项目的axios

代码：

其中分享链接和图片地址要用绝对地址，图片用方形，大小至少200*200px以上

6月份新版微信客户端发布后，用户从微信内的网页分享消息给微信好友，以及分享到朋友圈，开发者将无法获知用户是否分享完成。所以不再写成功和失败的回调方法。查看具体公告

三、main.js中引入并挂在vue的原型上

代码：

四、使用

代码：

总结

以上所述是小编给大家介绍的vue-cli构建项目下使用微信分享功能。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!