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

秀嶼網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運(yùn)維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

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

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

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

跳轉(zhuǎn)A

跳轉(zhuǎn)B

第一個是無效的

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

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

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

跳轉(zhuǎn)

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

跳轉(zhuǎn)

通過onLoad事件獲取url參數(shù), 在加載這個頁面時自動將參數(shù)放入

跳轉(zhuǎn)    
跳轉(zhuǎn)    

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也可以完成頁面跳轉(zhuǎn), 與navigator(無redirect屬性)相同

跳轉(zhuǎn)

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

wx.redirectTo

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

wx.navigateBack

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

Page({
  data: {

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

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

如果dellta的值超過了其能返回的總級數(shù), 則會返回首頁

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