vue 微信分享

2021-09-24 18:13:39 字數 2034 閱讀 5024

4、處理過程:

(1)在index.html中載入jssdk:

注意:所有需要使用js-sdk的頁面必須先注入配置資訊,否則將無法呼叫(

wx.config();
wx.error(function(res));

wx.ready(function());
5.例子:

(1)share.js:

let getshareconfig = (_this) =>

_this.axios()

.then((res) => else

}).catch((error) => )

}// 注入配置資訊

let config = (_this,shareconfig) => );

}// 獲取分享者資訊

let getsu = (_this, title, desc, imgurl, path, pid, cid) => else

}).catch((error) => )

}// 頁面分享

let share = (_this, su, title, desc, imgurl, path, pid, cid) =>

})wx.onmenusharetimeline(

})//隱藏右上角某些功能

wx.hidemenuitems();})}

export

(3)因為所有頁面都需要設定分享和隱藏一些許可權,

所以在入口檔案main.js中將getsu設定為全域性方法

注意:必須在建立vue物件前設定

// 顯示隱藏提示框

vue.prototype.showtoast = function (toasttext) , 3000)

}// 頁面獲取分享者資訊

vue.prototype.getsu = getsu

vue.config.productiontip = false

/* eslint-disable no-new */

const vm = new vue()(4)各頁面中使用getsu:

created ()

vue中微信分享

一 分享js 呼叫方法時傳進來的引數 let info const wxshare function info wx.ready function cancel function title title,分享標題 desc desc,描述 link link,分享鏈結 imgurl imgurl,分...

Vue專案配置微信分享

index.html script src script 二 封裝wxshare.js assets js 新建 wxshare.js export function wxshare wx.ready wx.error res created methods 四 使用使用一 配置統一的分享內容 ma...

vue 微信分享自定義

指定頁面分享進入自己本頁面,其他頁面分享進入首頁 created router.js router.beforeeach to,from,next else router.aftereach to,from else function configwechat to wx.config store....