伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

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

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

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



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

這個是按鈕的分享,就是點擊一下按鈕就可以分享出去


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




用uni-app開發的微信小程序要調用分享功能
以下是點擊小程序邊上三個點點時調用的代碼
將每一個頁面的分享功能弄成組件調用。

1、創建一個js文件(share.js)
    export default{
        data(){
            return {
                //設置默認的分享參數
                sharedata:{
                    title:'ALAPI',
                    path:'/pages/index/index',
                    imageUrl:'',
                    desc:'',
                    content:''
                }
            }
        },
        //發送給朋友
        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、在需要的頁面進行調用就行啦
     a. 這個是第一種調用方式,用下面這段,總覺得有些麻煩后期不方便擴展與處理
    export default {
    data(){
        return {
            //設置默認的分享參數
            sharedata:{
                title:'ALAPI',
                path:'/pages/index/index',
                imageUrl:'',
                desc:'',
                content:''
            }
        }
    }
   
   
    b.另外一種調用方式
    //頁面分享使用
    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, '', '','信息資訊','', '', '', '',''); //我現在用這種方式,最省事,就一句話處理


相關閱讀
asp統計信息/文章每日、每周、每月、總訪問量的方法
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
uni-app判斷輸入內容是否符合要求
CSS的優化與技巧
asp之自動閉合UBB標簽函數
可以用作后臺的超級強的變色表格
深山旅行社管理系統二次開發是怎么收費?
旅行社網站模板11
共有0條關于《uni-app微信小程序分享微信好友與分享到朋友圈功能》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

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

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
uni-app開發表單input組件的一些規則說明自己預留使用
uni-app:使用uni.downloadFile下載word或pdf文件并保存到手機
小程序中利用addPhoneContact將聯系人的信息添加到手機通訊錄支持保存聯系人頭像
微信小程序打開客服提示:該小程序提供的服務出現故障,請稍后重試
微信小程序客服會話只能過button讓用戶主動觸發
uni-app開發微信小程序使用button的open-type為contact調用微信客服不能用view或者js調用
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
web2.0中流行的設計元素:顏色
連云港振輝旋膜式除氧器
當鼠標移到圖片上時會發生夢幻般輪流變化的圖片特效
默認系統
一個更加高級的CSS菜單,絕對實用,超強的
對access數據表進行操作
主站蜘蛛池模板: 国产高清精品91在线 | 久久国产精品久久精品国产 | 日本在线观看永久免费网站 | 骚婷婷 | 欧美xart系列高清在线视频 | 天天舔天天干天天操 | 91蝌蚪在线视频 | 中文字幕在线二区 | 久久精品a一国产成人免费网站 | 不卡欧美| 亚洲第一激情 | 久久国产亚洲欧美日韩精品 | 久久国产一区二区三区 | 亚洲毛片免费视频 | 国产小视频在线看 | 在线观看毛片网站 | 日日日日操 | 四虎影视院 | 9久9久热精品视频在线观看 | 国产精品成人一区二区 | 国产成人精品本亚洲 | 欧美一级黄色片 | 黄网站在线免费 | 久久久久久久久66精品片 | 日本a在线| 九九热视频在线 | 两个人韩国免费完整 | 大学生久久香蕉国产线观看 | 成人福利网站在线看视频 | 精品麻豆 | 成人免费久久精品国产片久久影院 | 日韩精品一区二区三区中文字幕 | 国产精品一区二区欧美视频 | 亚洲免费在线视频 | 中文字幕日本亚洲欧美不卡 | 成年人午夜视频 | 岛国大片在线播放高清 | 国产精品麻豆 | 欧美人与动性行为高清视频 | 亚洲永久精品一区二区三区 | 国产野花视频天堂视频免费 |