設置動態(tài)的title
使用vue-wechat-title
npm install vue-wechat-title --save
// main.js引入
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
// router.js設置
{
path: '/',
name: 'Home',
component: Home,
meta: { title: '首頁' }
}
// app.vue使用
<template>
<div id="app">
<router-view v-wechat-title='$route.meta.title' />
</div>
</template>
自定義分享內容
安裝sdk
npm install weixin-js-sdk --save
utils下新建xxx.js文件
import { getWeixinConfig } from '@/utils/api' // 請求api
export default {
wechatConfig() {
// android () {
// let u = navigator.userAgent
// return u.indexOf('Android') > -1 || u.indexOf('Adr') > -1
// },
let condition = window.location.href
if (condition.includes('/home/productDetails?')) { // 路徑包含/home/productDetails就執(zhí)行下面代碼
getWeixinConfig({ url: location.href.split('#')[0] }).then((res) => {
wx.config({
debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來嘲更，若要查看傳入的參數(shù)犀被，可以在pc端打開，參數(shù)信息會通過log打出赌蔑，僅在pc端時才會打印贱纠。
appId: res.data.appId, // 必填伞访，公眾號的唯一標識
timestamp: res.data.timestamp, // 必填蝶涩，生成簽名的時間戳
nonceStr: res.data.noncestr, // 必填驶鹉，生成簽名的隨機串
signature: res.data.signature, // 必填绩蜻，簽名
jsApiList: ['onMenuShareTimeline',
'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表hideMenuItems
})
wx.ready(function() {
//分享到朋友圈
wx.onMenuShareTimeline({
title: '分享標題',
desc: '分享介紹',
link: '分享鏈接', // 分享時的鏈接
imgUrl:'', // 分享時的圖標
success: function() {
},
cancel: function() {
}
})
//分享給朋友
wx.onMenuShareAppMessage({
wx.onMenuShareTimeline({
title: '分享標題',
desc: '分享介紹',
link: '分享鏈接', // 分享時的鏈接
imgUrl:'', // 分享時的圖標
success: function() {
},
cancel: function() {
}
})
})
})
} else {
getWeixinConfig({ url: location.href.split('#')[0] }).then((res) => {
wx.config({
debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來梁厉，若要查看傳入的參數(shù)辜羊，可以在pc端打開，參數(shù)信息會通過log打出词顾，僅在pc端時才會打印八秃。
appId: res.data.appId, // 必填，公眾號的唯一標識
timestamp: res.data.timestamp, // 必填肉盹，生成簽名的時間戳
nonceStr: res.data.noncestr, // 必填昔驱，生成簽名的隨機串
signature: res.data.signature, // 必填，簽名
jsApiList: ['onMenuShareTimeline',
'onMenuShareAppMessage'] // 必填上忍，需要使用的JS接口列表hideMenuItems
})
wx.ready(function() {
//分享到朋友圈
wx.onMenuShareTimeline({
wx.onMenuShareTimeline({
title: '分享標題',
desc: '分享介紹',
link: '分享鏈接', // 分享時的鏈接
imgUrl:'', // 分享時的圖標
success: function() {
},
cancel: function() {
}
})
//分享給朋友
wx.onMenuShareAppMessage({
wx.onMenuShareTimeline({
title: '分享標題',
desc: '分享介紹',
link: '分享鏈接', // 分享時的鏈接
imgUrl:'', // 分享時的圖標
success: function() {
},
cancel: function() {
}
})
})
})
}
}
}
main.js引入
import wx from 'weixin-js-sdk'
import utils from './utils/xxx'
Vue.prototype.$utils = utils
global.wx = wx
頁面當中使用
created() {
this.$utils.wechatConfig()
},
