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

微信小程序內(nèi)嵌h5 分享子頁面點擊進入后是主頁面解決辦法

這篇具有很好參考價值的文章主要介紹了微信小程序內(nèi)嵌h5 分享子頁面點擊進入后是主頁面解決辦法。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

<web-view src='{{src}}'></web-view>

src: `https://XXXXXX,
/**
 * 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad(options) {
  this.srcFun(options)
},
srcFun(options){
	//當有子頁面id時 更改內(nèi)嵌頁鏈接
    if (options.urlPathNew) { 
      let url=`https://XXX/caseOrder?classicId=${options.urlPathNew}`
      this.setData({
        src:url
      })
    }
},

通過子頁面特定的id有無進行判斷,可根據(jù)項目自行修改文章來源地址http://www.zghlxwxcb.cn/news/detail-816606.html

/**
   * 用戶點擊右上角分享
   */
  onShareAppMessage(options) {
    const h5Url = options.webViewUrl; //當前頁面h5的鏈接
    // 使用正則表達式提取 classicId 的值
    const matchResult = h5Url.match(/classicId=(\d+)/); 
    // 判斷是否匹配成功
    let srcPath='/pages/caseH5/case'
    if (matchResult && matchResult.length > 1) {
      let classicIdValue = matchResult[1];
      srcPath=`/pages/caseH5/case?urlPathNew=${classicIdValue}`
    } else {
      console.log("未找到 classicId");
    }
    return{
      title: "分享成功",  //分享的標題
      path: srcPath, //分享的路徑
      imageUrl:'/assets/share.png' //分享的封面圖片
    }
  }

到了這里,關于微信小程序內(nèi)嵌h5 分享子頁面點擊進入后是主頁面解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

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

領支付寶紅包贊助服務器費用

相關文章

  • 微信小程序web-view嵌入uni-app H5頁面,通過H5頁面?zhèn)鲄⒔o小程序進行轉發(fā)分享頁面,并通過點擊轉發(fā)出來的卡片,定向打開對應H5路徑

    index.wxml ?index.js 在H5項目的App.vue頁面獲取參數(shù)實現(xiàn)自動跳轉到對應頁面,包括攜帶的參數(shù)值

    2024年02月12日
    瀏覽(96)
  • 微信小程序內(nèi)嵌h5頁面,實現(xiàn)動態(tài)設置頂部標題的功能

    一、需求描述 使用HBuilder X作為開發(fā)工具,vue作為開發(fā)語言,開發(fā)微信小程序。微信小程序頁面內(nèi)嵌h5頁面,即web-view/web-view標簽。通過設置不同url連接地址,設置不同的標題。 二、失敗做法 頁面A嵌入h5頁面,需要給A設置標題。最開始寫法是在lonload頁面內(nèi),使用如下語句實現(xiàn)

    2024年02月04日
    瀏覽(150)
  • uniapp實現(xiàn)微信小程序內(nèi)嵌h5頁面的相互跳轉

    前期準備3個頁面,小程序內(nèi)2個,h5一個。 小程序內(nèi):操作頁pageA,展示容納h5的展示頁PageWebview.vue。 h5:h5頁面pageB,并且有可以訪問的線上url。 【微信小程序pageA-內(nèi)嵌h5頁面pageB】 1.1 pageA實現(xiàn)點擊跳轉,將pageB的訪問地址url拼接,并進入展示頁PageWebview.vue 1.2 PageWebview.vue頁面用

    2024年02月12日
    瀏覽(95)
  • 微信小程序使用webview內(nèi)嵌h5頁面 wx.miniProgram.getEnv失效問題

    背景 最近接到一個h5需求,和普通的h5不一樣,這個h5頁面是嵌入到小程序中使用的,需求簡單來說就是展示一個跳轉按鈕,判斷如果是小程序環(huán)境下就進行跳轉到其他小程序頁面。 實現(xiàn)思路 核心邏輯其實就是判斷小程序環(huán)境這一塊,我們可以直接使用wxsdk來進行判斷小程序

    2024年02月09日
    瀏覽(168)
  • 微信小程序webview內(nèi)嵌H5跳轉頁面后沒有返回按鈕完美解決方案

    簡單的講就是我們可以在小程序內(nèi)放置一個web-view組件來鏈接我們的HTML頁面了。 但是點擊跳轉頁面的時候。頁面左上角沒有!!返回按鈕??!導致回不去了,這不是搞笑的嗎。 看了下其他的小程序,發(fā)現(xiàn)如果是兩個小程序頁面跳轉的話,第二個頁面的左上角是會有返回按鈕

    2024年02月08日
    瀏覽(98)
  • uniapp構建微信小程序,有地圖點,點擊時進入導航頁面?!旧焓贮h福利】

    uniapp構建微信小程序,有地圖點,點擊時進入導航頁面。【伸手黨福利】

    (h5)目前無法顯示紅點,但是點擊有反應,可以進入導航。 注意, slheader 是自定義的標簽,和本次內(nèi)容無關 注意:1. h5頁面目前沒有做優(yōu)化,只能點擊地圖進入導航。 2. 小程序由于版本問題,此函數(shù)顯示氣泡有問題,我將氣泡顏色設置為無色,需要其它顏色請自行研究

    2024年02月09日
    瀏覽(93)
  • uniapp微信小程序:點擊按鈕先判斷用戶是否授權位置信息、用戶位置信息授權、進入下一個頁面

    uniapp微信小程序:點擊按鈕先判斷用戶是否授權位置信息、用戶位置信息授權、進入下一個頁面

    前提 :該實例是使用uniapp的小程序 實現(xiàn)的 文章描述: 這里要實現(xiàn)的功能是: 1、點擊頁面中的一個按鈕 2、判斷用戶是否授權位置信息 3、未授權–彈出位置授權框;已授權–進入下一個頁面(地址選擇頁); 4、彈出位置授權框后,是否同意授權 5、同意:得到地址;不同

    2024年02月08日
    瀏覽(92)
  • 微信小程序-控制文本的顯示及隱藏(當文字超出兩行時,設置為可點擊并進入查看詳情頁面)

    1、微信小程序文本展開、收起功能 2、微信小程序文字超過行后隱藏并且顯示省略號 顯示消息內(nèi)容,超出兩行部分隱藏。當有隱藏內(nèi)容時,該卡片設為可點擊,進入消息詳情頁面。 1、wxml 2、wxss 3、.js

    2024年02月13日
    瀏覽(37)
  • 小程序內(nèi)嵌H5,調(diào)起微信分享

    該功能時作為H5調(diào)起小程序的微信分享 1:小程序方 在webview頁面,打開分享的權限 2:在小程序內(nèi)寫 onShareAppMessage方法,用來獲取在哪個頁面調(diào)起的微信分享, 3:在2中的這處代碼,是用來劫持分享,并自定義分享的, 4:轉發(fā)出去后,通過用戶的點擊再次回來時,在webview頁

    2024年02月08日
    瀏覽(24)
  • 微信小程序內(nèi)嵌H5網(wǎng)頁

    微信小程序內(nèi)嵌H5網(wǎng)頁

    1.登錄微信公眾平臺,選擇對應的小程序進入(個人類型的小程序暫不支持使用) 2.在小程序后臺左側菜單選擇“開發(fā)”–“開發(fā)管理”–“開發(fā)設置”–“業(yè)務域名”–“添加”–掃碼進入,點擊“下載檢驗文件”下載到電腦本地,提供給小程序開發(fā)運營者進行配置,將文

    2024年02月11日
    瀏覽(101)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領取紅包

二維碼2

領紅包