最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue微信分享到朋友圈 vue微信發(fā)送給好友

 更新時間:2018年11月28日 10:51:39   作者:東邊的小山  
這篇文章主要為大家詳細介紹了vue微信分享到朋友圈,vue微信發(fā)送給好友功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文為大家分享了vue微信分享至朋友圈&&分享至朋友代碼的封裝,供大家參考,具體內容如下

1.新建share.js文件

import {shareSDK} from "../api/common";//分享api
import wx from 'weixin-js-sdk'
 
export const shareTitle = '測試';
export const shareUrl = '測試連接';
export const shareImg = '測試圖片';
export const shareDesc = '測試詳情';
 
/**
 *分享
 * @param _this
 * @param shareTitle 標題
 * @param shareUrl 鏈接
 * @param shareImg 圖片
 * @param shareDesc 描述
 */
export const commonShare = (_this, shareTitle, shareUrl, shareImg, shareDesc) => {
 let url = window.location.href;
 let data = {
  url: url
 };
 shareSDK(data).then(res => {
  if (res.status == 1) {
   let data = res.data;
   wx.config({
    debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時才會打印。
    appId: data.appId, // 必填,公眾號的唯一標識
    timestamp: data.timestamp, // 必填,生成簽名的時間戳
    nonceStr: data.nonceStr, // 必填,生成簽名的隨機串
    signature: data.signature, // 必填,簽名,見附錄1
    jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage"] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2
   });
   wx.ready(function () {
    wx.onMenuShareTimeline({
     title: shareTitle, // 分享標題
     link: shareUrl, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
     imgUrl: shareImg, // 分享圖標
     success: function () {
      // 用戶確認分享后執(zhí)行的回調函數(shù)
      _this.$vux.toast.text('分享成功?。?!');
     },
     cancel: function () {
      // 用戶取消分享后執(zhí)行的回調函數(shù)
      _this.$vux.toast.text('取消分享!??!');
     }
    });
    wx.onMenuShareAppMessage({
     title: shareTitle, // 分享標題
     desc: shareDesc, // 分享描述
     link: shareUrl, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
     imgUrl: shareImg, // 分享圖標
     type: "", // 分享類型,music、video或link,不填默認為link
     dataUrl: "", // 如果type是music或video,則要提供數(shù)據(jù)鏈接,默認為空
     success: function () {
      // 用戶確認分享后執(zhí)行的回調函數(shù)
      _this.$vux.toast.text('分享成功?。?!');
     },
     cancel: function () {
      // 用戶取消分享后執(zhí)行的回調函數(shù)
      _this.$vux.toast.text('取消分享?。?!');
     }
    });
   });
  }
 }).catch(err => {
  console.log(err)
 })
};

2.組件中引入

import {commonShare, shareTitle, shareUrl, shareImg, shareDesc} from "./utils/share";
commonShare(this, shareTitle, shareUrl, shareImg, shareDesc);

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • vue上傳文件formData上傳的解決全流程

    vue上傳文件formData上傳的解決全流程

    這篇文章主要介紹了vue上傳文件formData上傳的解決全流程,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-06-06
  • Vue中sync修飾符分析原理及用法示例

    Vue中sync修飾符分析原理及用法示例

    在vue中,子組件如果想修改父組件的變量,一般做法是通過綁定事件的方法,父組件向子組件傳遞修改變量的方法,子組件觸發(fā)修改變量的方法執(zhí)行,這種方式中規(guī)中矩;另一種方法是使用sync修飾符,此方法可以減少很多代碼量
    2022-08-08
  • vue中通過iframe方式加載本地的vue頁面的解決方法

    vue中通過iframe方式加載本地的vue頁面的解決方法

    這篇文章主要給大家介紹了在vue中如何通過iframe方式加載本地的vue頁面的解決方法,文中有詳細的解決流程,需要的朋友可以參考下
    2023-06-06
  • Vue綁定用戶接口實現(xiàn)代碼示例

    Vue綁定用戶接口實現(xiàn)代碼示例

    這篇文章主要介紹了Vue綁定用戶接口代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-11-11
  • 關于SpringBoot與Vue交互跨域問題解決方案

    關于SpringBoot與Vue交互跨域問題解決方案

    最近在利用springboot+vue整合開發(fā)一個前后端分離的個人博客網(wǎng)站,所以這一篇總結一下在開發(fā)中遇到的一個問題,關于解決在使用vue和springboot在開發(fā)前后端分離的項目時,如何解決跨域問題。在這里分別分享兩種方法,分別在前端vue中解決和在后臺springboot中解決。
    2021-10-10
  • vue實現(xiàn)導出excel的多種方式總結

    vue實現(xiàn)導出excel的多種方式總結

    在Vue中實現(xiàn)導出Excel有多種方式,可以通過前端實現(xiàn),也可以通過前后端配合實現(xiàn),這篇文章將為大家詳細介紹幾種常用的實現(xiàn)方式,需要的可以參考下
    2023-08-08
  • Vue?收集表單數(shù)據(jù)方法詳情

    Vue?收集表單數(shù)據(jù)方法詳情

    這篇文章主要介紹了Vue?收集表單數(shù)據(jù)方法詳情,文章圍繞主題展開詳細的內容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-05-05
  • 解決修復報錯Error in render:TypeError:Cannot read properties of undefined(reading ‘ipconfig‘)問題

    解決修復報錯Error in render:TypeError:Cannot read&n

    這篇文章主要介紹了解決修復報錯Error in render:TypeError:Cannot read properties of undefined(reading ‘ipconfig‘)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • 深入了解Vue3中偵聽器watcher的實現(xiàn)原理

    深入了解Vue3中偵聽器watcher的實現(xiàn)原理

    在平時的開發(fā)工作中,我們經(jīng)常使用偵聽器幫助我們去觀察某個數(shù)據(jù)的變化然后去執(zhí)行一段邏輯。在?Vue.js?2.x?中,你可以通過?watch?選項去初始化一個偵聽器,稱作?watcher。本文將詳細為大家介紹一下偵聽器的實現(xiàn)原理,需要的可以參考一下
    2022-04-04
  • 基于vue 動態(tài)菜單 刷新空白問題的解決

    基于vue 動態(tài)菜單 刷新空白問題的解決

    這篇文章主要介紹了基于vue 動態(tài)菜單 刷新空白問題的解決,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08

最新評論

东乌| 临沂市| 睢宁县| 怀宁县| 万荣县| 三台县| 岱山县| 永仁县| 梁山县| 巴马| 隆回县| 绥滨县| 屯昌县| 内丘县| 洛宁县| 谢通门县| 新田县| 思南县| 津南区| 二手房| 临安市| 十堰市| 蓝田县| 宁远县| 江阴市| 桐柏县| 古丈县| 乌兰县| 大冶市| 新津县| 大关县| 绥江县| 明溪县| 乐陵市| 长丰县| 景宁| 新宁县| 托克托县| 岱山县| 比如县| 荣昌县|