從小程序外部跳轉(zhuǎn)到指定小程序頁(yè)面_小程序頁(yè)面獲取鏈接的方法-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)從小程序外部跳轉(zhuǎn)到指定小程序頁(yè)面_小程序頁(yè)面獲取鏈接的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

靈武網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),靈武網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為靈武上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的靈武做網(wǎng)站的公司定做！

小程序里面的鏈接使用navigator組件

在html中使用a標(biāo)簽, a標(biāo)簽可以鏈接到網(wǎng)絡(luò)中的任何地址

而小程序中navigator只能應(yīng)用于當(dāng)前小程序內(nèi)的鏈接跳轉(zhuǎn)

<navigator url="http://www.baidu.com">跳轉(zhuǎn)A</navigator>

<navigator url='test/t'>跳轉(zhuǎn)B</navigator>

第一個(gè)是無(wú)效的

第二個(gè)能正確跳轉(zhuǎn), 需要注意的是: url中的頁(yè)面不能是tabBar(底部菜單)中的頁(yè)面

但是可以通過(guò)open-type屬性設(shè)置

redirect屬性, 打開新頁(yè)面時(shí), 關(guān)閉原頁(yè)面(在新頁(yè)面, 不能再返回到原頁(yè)面)

<navigator redirect url='test/t'>跳轉(zhuǎn)</navigator>

跳轉(zhuǎn)時(shí)并傳遞參數(shù)(不用加上引號(hào), 自動(dòng)會(huì)加上雙引號(hào), 否則就多余一個(gè)引號(hào), 因此直接寫: id=111&name=張三):

<navigator  url='test/t?id=111&name=張三'>跳轉(zhuǎn)</navigator>

通過(guò)onLoad事件獲取url參數(shù), 在加載這個(gè)頁(yè)面時(shí)自動(dòng)將參數(shù)放入

<navigator  url='test/t?id=111&name=張三' hover-class='hoverClass'>跳轉(zhuǎn)</navigator>    <!--鏈接1-->
<navigator  url='test/t?id=123&name=小明'>跳轉(zhuǎn)</navigator>    <!--鏈接2-->

Page({
  data: {

  },
  onLoad : function(datas) {
    console.log(datas);
  }
})

如果點(diǎn)擊鏈接1, 則datas的值是{id: "111", name: "張三"}, 點(diǎn)擊鏈接2, 則datas的值是{id: "123", name: "小明"}

hover-class是點(diǎn)上去后的樣式

wx.navigateTo

此Api也可以完成頁(yè)面跳轉(zhuǎn), 與navigator(無(wú)redirect屬性)相同

<button size='mini' bindtap="navigator">跳轉(zhuǎn)</button>

navigator : function() {
    wx.navigateTo({
      url: 'test/t?id=100&user=xiaoming',
      success : function(e) {
        console.log(e.errMsg);
      }
    })
  }

wx.redirectTo

此Api也也可以完成頁(yè)面跳轉(zhuǎn), 與navigator(有redirect屬性)相同, 操作與上相同

wx.navigateBack

此Api用于返回, 從當(dāng)前頁(yè)面返回到上級(jí)頁(yè)面(根據(jù)如下參數(shù))

Page({
  data: {

  },
  back : function() {
    wx.navigateBack({
      delta : 1            // 值為1, 則是返回上一級(jí), 值為2就返回上兩級(jí)...
    })
  }
})

如果dellta的值為1, 則可以不寫dellta屬性: wx.navigateBack({})

如果dellta的值超過(guò)了其能返回的總級(jí)數(shù), 則會(huì)返回首頁(yè)

關(guān)于從小程序外部跳轉(zhuǎn)到指定小程序頁(yè)面_小程序頁(yè)面獲取鏈接的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

分享名稱：從小程序外部跳轉(zhuǎn)到指定小程序頁(yè)面_小程序頁(yè)面獲取鏈接的方法-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)URL：http://bm7419.com/article38/dscgsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、微信小程序、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)