vue 如何调用微信分享_vue微信分享的实现(在当前页面分享其他页面)

首先以分享给朋友为例

1、先看官方文档

wx.onMenuShareAppMessage({

title: '', // 分享标题

desc: '', // 分享描述

link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: '', // 分享图标

type: '', // 分享类型,music、video或link，不填默认为link

dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空

success: function () {

// 用户确认分享后执行的回调函数

cancel: function () {

// 用户取消分享后执行的回调函数

}

});

2、vue分享踩的坑

* 1、微信分享中获取动态的url

* 2、微信二次分享自动添加的参数 form=singlemessage

* 3、vue中各个页面都可以调用分享

3、直接代码分析

为了保证每个页面都可以调起微信分享,需要在vue根组件中,添加 watch监听

代码

watch: {

// 监听 $route 变化调用分享链接

"$route"(to, from) {

let currentRouter = this.$router.currentRoute.fullPath; //

vue 如何调用微信分享_vue微信分享的实现(在当前页面分享其他页面)相关推荐

微信vue路由跳转兼容_Vue微信公众号开发踩坑记录
需求微信授权登录(基于公众号的登录方案) 接入JS-SDK实现图片上传,分享等功能现状及难点采用的Vue框架,前后端分离模式(vue工程仅作为客户端),用户通过域名访问的是客户端,但是微信授权中 ...
vue 事件调用传参_Vue 事件如何传递参数？
Vue 事件如何传递参数? 事件函数参数传递: 普通参数和事件对象传递格式如下: 调用函数传参点秋香 vue事件绑定-参数传递实例如下: vue事件绑定-参数传递 xinbiancheng.cn { ...
vue 事件调用传参_vue如何在父组件指定点击事件后向子组件传递参数并调用子组件的事件？...
可以给父组件写一个ref属性,父组件可以通过ref拿到子组件中的数据和方法(即例子中子组件的say方法),这样在父组件中就可以触发子组件的事件了.而父组件向子组件传参可以通过prop属性(即例子中的f ...
vue路由跳转子组件_vue跳转到子路由子路由的组件页面无法滚动
问题描述最近在用vue仿qq音乐,写了四个基础组件:推荐,歌手,排行,搜素. 歌手组件是获取一个歌手列表,点击歌手跳转到子路由,歌手的所有歌曲singer-detail组件,singer-detai ...
vue项目全局配置微信分享_Vue 项目实现微信自定义分享
最近公司项目中有在微信中自定义分享的需要,遇到的问题记录一下. ¶一.实现效果 ¶二.遇到的问题 1.需求:项目需要带参分享,进行好友拆礼盒的类似操作,需要带个参与活动的 id,其实这种分享微信是不太 ...
vue项目全局配置微信分享_Vue项目history模式下微信分享总结-个人文章-SegmentFault思否...
每回遇到微信分享都是一个坑,目前的商城项目使用vue开发,采用history的路由模式,配置微信分享又遇到了很多问题,最后终于解决了,现将解决的过程分享一下. 原文https://justyeh.to ...
React / Vue 前后端分离项目实现微信分享教程
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 网上非常多的微信分享例 ...
vue实现将自己网站（h5链接）分享到微信中形成小卡片（超详细）
大家好,我是雄雄. 最新更新 2022年12月24日23:58:30 发现了个问题,解决了好久,问题如下: 当我直接将链接发送到微信中的时候,然后打开,发现分享出去还是个链接. 当我将链接分享到QQ时 ...
vue微信公众号页面分享
vue微信公众号页面分享 utils=>share.js const wx = require("weixin-js-sdk"); // 这块因为我们业务是必须在公众号里面的 ...

vue 如何调用微信分享_vue微信分享的实现(在当前页面分享其他页面)

vue 如何调用微信分享_vue微信分享的实现(在当前页面分享其他页面)相关推荐

最新文章

热门文章