国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp小程序分享功能onShareAppMessage函數(shù)傳參數(shù)

這篇具有很好參考價值的文章主要介紹了uniapp小程序分享功能onShareAppMessage函數(shù)傳參數(shù)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

1、使用onShareAppMessage函數(shù)。在頁面的js文件中定義了 onShareAppMessage 函數(shù)時,頁面可以表示該頁面可以轉(zhuǎn)發(fā)??梢栽诤瘮?shù)中設(shè)置頁面轉(zhuǎn)發(fā)的信息。
(1)只有定義了該函數(shù),小程序右上角的菜單中才會有轉(zhuǎn)發(fā)按鈕
(2)用戶點擊轉(zhuǎn)發(fā)按鈕的時候回調(diào)用該函數(shù)
(3)該函數(shù)內(nèi)需要 return 一個 Object,Object中包含轉(zhuǎn)發(fā)的信息(可自定義轉(zhuǎn)發(fā)的內(nèi)容)

2、一個是頁面中具有屬性open-type且其值為share的button。(注:必須是button組件,其他組件中設(shè)置 open-type=“share” 無效)

即:<button data-name="shareBtn" open-type="share">轉(zhuǎn)發(fā)</button>

注意!!! onShareAppMessage是頁面的方法, 組件內(nèi)不會觸發(fā)。

小程序中分享功能需要在button組件中添加open-type:“share”,當點擊button的時候就會調(diào)用onShareAppMessage函數(shù)。如果需要將按鈕的參數(shù)傳入給函數(shù),使用? ? ? ?:data-屬性=值

html:

<view class="activity-box" v-for="(item,index) in activity" >
					<view class="activity-title flex between center-v">
						<view class="title text-ellipsis">
								{{item.theme}}
						</view>
						<button type="default"  open-type="share" :data-item='item'>
						    <image :src="getStaticIconPath('icon-zhuanfa.png')" mode="" class="_inco"></image>
						</button>
					</view>
</view>
					
js:

//分享函數(shù)
		onShareAppMessage(res) {
			console.log(res,'我是分享');  //打印出來的就是:data-item='item'里的'item'值
                                         //也就是循環(huán)里的item值,循環(huán)里的每一項

            const that = this;
			let data = res.target.dataset.item; //取到傳入的參數(shù)

            let shareobj = {
				title:'',//分享的標題    默認是小程序的名稱
				path:"",//好友點擊分享之后跳轉(zhuǎn)的頁面   默認是當前頁面,必須是以‘/’開頭的完整路徑
				imageUrl: "",//自定義圖片路徑,可以是本地文件路徑、代碼包文件路徑或者網(wǎng)絡(luò)圖片路徑,支持PNG及JPG,不傳入 imageUrl 則使用默認截圖。顯示圖片長寬比是 5:4
			}

            //來自頁面按鈕內(nèi)的分享
			if(res.from === 'button'){
				shareobj.title="",   //你要分享的標題
                shareobj.path="",    //你要跳轉(zhuǎn)的頁面路徑
                shareobj.imageUrl="",//你要分享的圖片
			}

			return shareobj//最后一定要返回對象

		},

效果圖如下: (console.log(res,'我是分享'))

onshareappmessage怎么傳參,uni-app,小程序,前端文章來源地址http://www.zghlxwxcb.cn/news/detail-516284.html

到了這里,關(guān)于uniapp小程序分享功能onShareAppMessage函數(shù)傳參數(shù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 微信小程序的分享配置onShareAppMessage

    在小程序的js頁面里,寫次方法,則點擊右上角三個“···”會有對應(yīng)的分享菜單,如果不寫,其實就相當于禁用的該頁面的分享。如果只是一個方法,不進行配置,則分享出來的是默認的樣式,下面就來說說如何配置:

    2024年02月12日
    瀏覽(13)
  • 微信小程序在onShareAppMessage中阻止分享

    首先簡單介紹微信小程序的分享方法onShareAppMessage,參考文檔Page(Object object) | 微信開放文檔 (qq.com) 在這個方法中,可以自定義分享的鏈接、標題、縮略圖。不自定義的話,返回默認值。 ?相信很多人在開發(fā)的時候,都會遇到這種需求,在分享前先對分享內(nèi)容做校驗,通過校驗

    2024年02月11日
    瀏覽(20)
  • uni-app 微信小程序 使用mixins設(shè)置分享 onShareAppMessage

    參考鏈接:https://www.jianshu.com/p/844018ca174f 這樣設(shè)置后,右上角三個點的分享就可以分享了

    2024年02月12日
    瀏覽(26)
  • onShareAppMessage 微信小程序

    onShareAppMessage 微信小程序

    監(jiān)聽用戶點擊頁面內(nèi)轉(zhuǎn)發(fā)按鈕(button 組件 open-type=“share”)或右上角菜單“轉(zhuǎn)發(fā)”按鈕的行為,并自定義轉(zhuǎn)發(fā)內(nèi)容。 注意:只有定義了此事件處理函數(shù),右上角菜單才會顯示“轉(zhuǎn)發(fā)”按鈕

    2024年02月11日
    瀏覽(19)
  • 微信小程序 open-type=“share“ onShareAppMessage 不觸發(fā)

    點擊 Button 會喚起分享彈框,但是不會觸發(fā)定義的 onShareAppMessage 事件,無法定義分享卡片的內(nèi)容。 分享行為是基于頁面維度的。在 page.json 定義的頁面中聲明的 onShareAppMessage 才是有效的,如果你在組件中聲明了 onShareAppMessage 是不會在分享 Button 點擊時觸發(fā)的。實際上,如果你

    2024年02月11日
    瀏覽(18)
  • uniapp 實現(xiàn)當前頁面分享至微信好友或朋友圈功能(帶參數(shù)和無參數(shù))

    大家好!匆匆忙忙又到了周三,今天是 2023年9月13日|農(nóng)歷七月二十九 ,今天這篇文章主要是微信小程序?qū)崿F(xiàn)分享當前頁面到朋友圈或微信好友,下面來看下具體實現(xiàn)方式吧! 帶參數(shù)和無參數(shù)是根據(jù)自己的業(yè)務(wù)需求,如果需要再onLoad函數(shù)里面賦值一些屬性值的時候可以在 pat

    2024年02月09日
    瀏覽(21)
  • uniapp 微信小程序 動態(tài)分享 帶參數(shù)

    uniapp 微信小程序 動態(tài)分享 帶參數(shù)

    uniapp 微信小程序 有動態(tài)參數(shù)的那種 微信小程序分享有兩種分享。 第一種:就是右上角自帶的菜單分享 第二種: button按鈕通過open-type=\\\"share\\\" 點擊分享 通常我們分享默認都是分享本頁面 然后帶一些分享參數(shù)比如說id uid等 直接放在url地址后面就可以了, 那如果我們使用 按鈕

    2024年02月11日
    瀏覽(158)
  • uniapp實現(xiàn)小程序分享功能

    uniapp實現(xiàn)小程序分享功能

    一般情況下是這樣來寫的,不過感覺太麻煩,每個頁面都要寫一次 所以這里我進行了封裝 ?封裝share.js代碼 掛載到main.js 這樣就實現(xiàn)了效果圖如下?。?!

    2024年02月11日
    瀏覽(15)
  • uniapp 微信小程序分享、分享朋友圈功能

    uniapp 微信小程序分享、分享朋友圈功能

    頁內(nèi)自定義分享按鈕 當頁面js上沒有添加事件“onShareAppMessage”,右上角‘…’不會出現(xiàn)“轉(zhuǎn)發(fā)”事件。 如果有事件,但是沒有定義事件內(nèi)容的話,轉(zhuǎn)發(fā)的卡片則是當前頁面的截屏信息。 官方文檔:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 方式1:小程序右上角原生菜

    2024年02月16日
    瀏覽(95)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包