VUE 微信分享

el/2024/4/19 22:25:32

VUE 微信分享

vue 分享的方法写在路由 router/index.js 里面,使用router.beforeEach方法

router.beforeEach((to, from, next) => {document.title = to.meta.title      //动态切换文档标题//微信分享自定义设置api.getSign(encodeURIComponent(location.href.split('#')[0]))    //访问接口获取以下需要的参数.then((res) => {if(res.result == '1'){wx.config({debug: false,appId: res.data[0].appid, // 必填,公众号的唯一标识timestamp: res.data[0].timestamp, // 必填,生成签名的时间戳nonceStr: res.data[0].nonceStr, // 必填,生成签名的随机串signature: res.data[0].signature,// 必填,签名jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2});wx.ready(function(){let sharedParams = {            //分享参数(朋友圈除外)title: '', // 分享标题desc: '星购云经纪平台', // 分享描述link: location.href, // 分享链接imgUrl:  'http://yourSharedLogo.jpg' // 分享图标}if(to.meta.title == '明星详情'){let starName = ''api.getNameByID(to.params.id).then((res) =>{if(res.result == '1'){starName = res.data[0].namesharedParams.title = starName+'星数据'    //如:葛优星数据} else{sharedParams.title = '星数据'}//分享到朋友圈wx.onMenuShareTimeline(sharedParams);//分享给朋友wx.onMenuShareAppMessage(sharedParams);//分享到QQwx.onMenuShareQQ(sharedParams);//分享到腾讯微博wx.onMenuShareWeibo(sharedParams);//分享到QQ空间wx.onMenuShareQZone(sharedParams);})} else{sharedParams.title = to.meta.title//分享到朋友圈wx.onMenuShareTimeline(sharedParams);//分享给朋友wx.onMenuShareAppMessage(sharedParams);//分享到QQwx.onMenuShareQQ(sharedParams);//分享到腾讯微博wx.onMenuShareWeibo(sharedParams);//分享到QQ空间wx.onMenuShareQZone(sharedParams);}});}})next()
})

http://www.ngui.cc/el/5181803.html

相关文章

centos 前端服务器搭建的过程记录

概述 在搭建linux 系统的时候,本人有过一些粗浅的经验,以为能驾驭的住,可是本人太想当然了,在不断的试错踩坑的过程中,自己才慢慢的找到一些办法,以免自己忘记,特意写了这篇文章,记…

Jekins+Generic Webhook Trigger插件[gogs],发布前端任务

JekinsGeneric Webhook Trigger插件[gogs],发布前端任务 需要用到工具(点击,含安装教程)概述Jekins需要用的插件;如何安装插件如何构建项目构建项目Post content parameters:Header parameters:Request parameters:Token:打印内容…

获取openlayer图层中的范围 Extent

foolerPolygon 为图层 foolerPolygon.getSource().getExtent()

Fresco图片加载框架使用方法完全指南

简介 Fresco 是Facebook开源的安卓上的图片加载框架,也可以说是至今为止安卓上最强大的图片加载框架. 相对于其他几个图片加载框架,Fresco主要的优点在于更好的内存管理和更强大的功能,更便捷的使用,缺点则是体积比较大,引入后会导致应用apk增加1.5M到2M的大小,但是相对于其便捷…

根据控件的大小来具体的压缩图片

如题&#xff0c;如下 [java] view plain copy print ? public static void load(Uri uri,SimpleDraweeView draweeView,int width,int height, <span style”white-space:pre”> </span>){ ImageRequest request I…

SwipeToLoadLayout--小白也能轻松定制自己的刷新效果

刚开始接触android的时候&#xff0c;就想着如果能定制一款属于自己的刷新效果&#xff0c;肯定会是一件很酷的事情&#xff0c;当然了&#xff0c;github上已经有了很多很炫酷的刷新效果&#xff0c;各种漂亮&#xff0c;但在项目中总要讲究个实用性&#xff0c;有些刷新效果是…

团队在Github上协同开发项目流程

多用户基于同一个Github上得项目并行开发&#xff0c;当前用户的开发流程&#xff1a; 注&#xff1a; origin&#xff1a;默认的远程主机名 master&#xff1a;默认的远程主分支名 1&#xff1a;首先要将Github上的项目克隆到本地&#xff08;第一次克隆&#xff0c;说明你的本…

recyclerview item的进入动画

自动Material Design出现以来&#xff0c;我对一些视频中演示的网格铺开动画感到惊讶。这是一种斜对角线动画&#xff0c;让activity从上到下从左到右铺开。非常漂亮。 我一直试图尝试所有能得到那种效果的方法。一种办法是&#xff0c;使用RecyclerView::notifyItemInserted()…

干货!android开发界面设计的资源

随着 Android 5.0 的面世&#xff0c;Google 也带来了全新的设计规范 Material Design 。第一次看到 Material Design 的应用&#xff0c;简直是太好看了&#xff0c;有没有&#xff01;下面呢&#xff0c;我将主要介绍一下&#xff0c;我在开发时常用到的一些网站 界面设计 dr…

android studio自带调试工具

Android Studio目前已经成为开发Android的主要工具&#xff0c;用熟了可谓相当顺手。作为开发者&#xff0c;调试并发现bug&#xff0c;进而解决&#xff0c;可是我们的看家本领。正所谓&#xff0c;工欲善其事必先利其器&#xff0c;和其他开发工具一样&#xff0c;如Eclipse、…