99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

訂閱本欄目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app微信小程序分享微信好友與分享到朋友圈功能

2021/1/31 22:24:29 深山工作室 字體: 瀏覽 6674



微信小程序的本地真機(jī)測試也是有效的,或者上傳的體驗(yàn)版也是可以正常使用的,不一定非要正式版才可以使用。

這個(gè)是按鈕的分享,就是點(diǎn)擊一下按鈕就可以分享出去


<button class="class_guanzhu" data-src="這個(gè)是分享圖片地址" data-title="這個(gè)是分享標(biāo)題" open-type="share">發(fā)給好友</button>
<button data-src="這個(gè)是分享圖片地址" data-title="這個(gè)是分享標(biāo)題" open-type="share">發(fā)到朋友圈</button>




用uni-app開發(fā)的微信小程序要調(diào)用分享功能
以下是點(diǎn)擊小程序邊上三個(gè)點(diǎn)點(diǎn)時(shí)調(diào)用的代碼
將每一個(gè)頁面的分享功能弄成組件調(diào)用。

1、創(chuàng)建一個(gè)js文件(share.js)
    export default{
        data(){
            return {
                //設(shè)置默認(rèn)的分享參數(shù)
                sharedata:{
                    title:'ALAPI',
                    path:'/pages/index/index',
                    imageUrl:'',
                    desc:'',
                    content:''
                }
            }
        },
        //發(fā)送給朋友
        onShareAppMessage(res) {
            return {
                title:this.sharedata.title,
                path:this.sharedata.path,
                imageUrl:this.sharedata.imageUrl,
                desc:this.sharedata.desc,
                content:this.sharedata.content,
                success(res){
                    uni.showToast({
                        title:'分享成功'
                    })
                },
                fail(res){
                    uni.showToast({
                        title:'分享失敗',
                        icon:'none'
                    })
                }
            }
        },
       
        //uniapp微信小程序分享頁面到微信朋友圈
        onShareTimeline(res) {
            return {
                title:this.sharedata.title,
                query:'',
                imageUrl:this.sharedata.imageurl,
                success(res){
                    uni.showToast({
                        title:'分享成功'
                    })
                },
                fail(res){
                    uni.showToast({
                        title:'分享失敗',
                        icon:'none'
                    })
                }
            }
        }
       
    }
   
2、全局使用, 在 main.js 里面 添加全局的 mixin
import share from '@/components/....你的路徑.../share.js' //自定義分享功能
Vue.mixin(share)


3、在需要的頁面進(jìn)行調(diào)用就行啦
     a. 這個(gè)是第一種調(diào)用方式,用下面這段,總覺得有些麻煩后期不方便擴(kuò)展與處理
    export default {
    data(){
        return {
            //設(shè)置默認(rèn)的分享參數(shù)
            sharedata:{
                title:'ALAPI',
                path:'/pages/index/index',
                imageUrl:'',
                desc:'',
                content:''
            }
        }
    }
   
   
    b.另外一種調(diào)用方式
    //頁面分享使用
    function pub_show_share(zhege, l_listdata, xml1,fx_title,fx_path, fx_imageurl, fx_desc, fx_content,xml8) {
        if (fx_title){zhege.sharedata.title = '' + fx_title;}
        if (fx_path){zhege.sharedata.path = '' + fx_path;}
        if (fx_imageurl){zhege.sharedata.imageurl = '' + fx_imageurl;}
        if (fx_desc){zhege.sharedata.desc = '' + fx_desc;}
        if (fx_content){zhege.sharedata.content = '' + fx_content;}
    }
   
    this.$qwbmjs.pub_show_share(_self, '', '','信息資訊','', '', '', '',''); //我現(xiàn)在用這種方式,最省事,就一句話處理


相關(guān)閱讀
可以生成跟QQ菜單一樣的生成器
div+css布局中的精粹技巧
DIV+CSS實(shí)現(xiàn)內(nèi)容垂直居中的一個(gè)例子
消聲器
七個(gè)受用一生的心理寓言
頁面javascript倒計(jì)時(shí)跳轉(zhuǎn)
深山行者V1.2旅行社網(wǎng)站管理系統(tǒng)
超強(qiáng)的中間自適應(yīng),左右固定,有許多值得學(xué)習(xí)的地方
共有0條關(guān)于《uni-app微信小程序分享微信好友與分享到朋友圈功能》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼: 驗(yàn)證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
uni-app開發(fā)表單input組件的一些規(guī)則說明自己預(yù)留使用
uni-app:使用uni.downloadFile下載word或pdf文件并保存到手機(jī)
小程序中利用addPhoneContact將聯(lián)系人的信息添加到手機(jī)通訊錄支持保存聯(lián)系人頭像
微信小程序打開客服提示:該小程序提供的服務(wù)出現(xiàn)故障,請稍后重試
微信小程序客服會話只能過button讓用戶主動觸發(fā)
uni-app開發(fā)微信小程序使用button的open-type為contact調(diào)用微信客服不能用view或者js調(diào)用
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機(jī)抽取信息
div+CSS的無限級擴(kuò)展下拉菜單(全部加了注釋)
旅行社手機(jī)網(wǎng)站模板3
asp自定義格式化日期函數(shù)
DIV+CSS奇怪問題之邊界(margin)疊加
02. 解決只能運(yùn)行asp頁面不能運(yùn)行數(shù)據(jù)庫錯(cuò)誤
小說封面制作網(wǎng)站留言板模板
主站蜘蛛池模板: 欧美成人一区二区三区片免费 | 久久国产精品一区二区三区 | 毛片无码国产 | 国产一级一级国产 | 黄色一级片免费播放 | 天堂中文网 | 成人性毛片 | 最新国产在线 | 黄色美女网站 | 成人免费视频网 | 黄色a视频在线观看 | 成人激情免费视频 | 伊人网站 | 免费成人在线观看视频 | 欧美日韩国产精品一区二区 | 久久久高清 | 午夜国产在线 | 亚洲激情av| 国产a自拍 | 日韩高清国产一区在线 | 欧美日韩一区二区电影 | 色综合天天综合网国产成人网 | 中文字幕久久久 | 成人免费在线观看 | 簧片av| 求av网址 | 一区二区三区不卡视频 | 国产免费一区二区三区最新6 | 狠狠插狠狠操 | 欧美大片高清在线观看平台 | 特级西西人体444www高清大胆 | 日韩视频一区二区 | 免费在线看a| 国产精品久久久久久久一区探花 | 狠狠色综合网站久久久久久久 | 国产在线观看一区二区三区 | 亚洲品质自拍视频网站 | 国产高清一级片 | 久久久久久久久久久久一区二区 | 免费一级电影 | 黄色影视 |