小程序開(kāi)發(fā)：新頁(yè)面打開(kāi)鏈接

SmallBoyO 發(fā)布于2019-07-01 11:13 / 1051人閱讀

摘要：導(dǎo)語(yǔ)開(kāi)發(fā)的小程序中有個(gè)用戶中心，需求是用戶可以點(diǎn)擊按鈕從而跳轉(zhuǎn)到新鏈接。實(shí)際上在做這個(gè)需求的時(shí)候，并沒(méi)有很好的方法，以往的一些經(jīng)驗(yàn)，也不適用于小程序，查了一些資料，也沒(méi)有頭緒。外鏈展示頁(yè)面首先建立一個(gè)目錄，這個(gè)目錄用來(lái)展示外鏈中的內(nèi)容。

導(dǎo)語(yǔ)

開(kāi)發(fā)的小程序中有個(gè)用戶中心，需求是用戶可以點(diǎn)擊按鈕從而跳轉(zhuǎn)到新鏈接。實(shí)際上在做這個(gè)需求的時(shí)候，并沒(méi)有很好的方法，以往的一些經(jīng)驗(yàn)，也不適用于小程序，查了一些資料，也沒(méi)有頭緒。最終的實(shí)現(xiàn)方法就是使用navigator組件，如果哪位有更好的方法，或者我的實(shí)現(xiàn)方法有缺陷，請(qǐng)?jiān)谙路街赋觥?/p> 外鏈展示頁(yè)面

首先建立一個(gè)目錄，這個(gè)目錄用來(lái)展示外鏈中的內(nèi)容。因?yàn)槭峭怄?，所以要用?b>web-view（注意這個(gè)組件有一些特性，從下方鏈接中查看）。
看一下目錄結(jié)構(gòu)，其中navigator就是展示外鏈的頁(yè)面

在navigator.wxml中，只需要一行代碼即可

在navigator.js中，修改url中的值

onLoad: function (options) {
    if (options.url) {
      this.setData({
        // 設(shè)置當(dāng)前鏈接
        url: options.url
      })
    } 
  },

用戶中心

在用戶中心，只需要將鏈接跳轉(zhuǎn)到/navigator/navigator中，并且?guī)蠀?shù)即可，看下實(shí)例

上面的方法可以實(shí)現(xiàn)，當(dāng)然實(shí)際項(xiàng)目要復(fù)雜些的，根據(jù)實(shí)際需求進(jìn)行修改。

參考資料：小程序、navigator、web-view。

云服務(wù)器 GPU云服務(wù)器小程序開(kāi)發(fā)開(kāi)發(fā) 小程序開(kāi)發(fā) 小程序開(kāi)發(fā)開(kāi)發(fā)制作福州小程序開(kāi)發(fā)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/29975.html

相關(guān)文章

微信小程序開(kāi)發(fā)早知道

摘要：小程序仍在不斷更新和完善，舊代碼可能會(huì)因不符合新政策，在下次發(fā)布的時(shí)候無(wú)法正常運(yùn)行。用戶微信支付后，需要后臺(tái)推送消息到服務(wù)器，才能確認(rèn)支付成功。小程序也存在兼容性問(wèn)題，對(duì)待不愿更新微信的用戶，要像對(duì)待忠實(shí)的用戶一樣，小程序基礎(chǔ)庫(kù)版本分布。小程序沒(méi)有跳轉(zhuǎn)公眾號(hào)、跳轉(zhuǎn)公眾號(hào)圖文素材的能力。除非用戶通過(guò)掃描二維碼進(jìn)入小程序的情景，可以顯示關(guān)注公眾號(hào)組件。公眾號(hào)菜單、公眾號(hào)圖文素材可以打開(kāi)...

lyning 2019-08-26 13:40 評(píng)論0 收藏0
小程序開(kāi)發(fā)中的那些坑

摘要：二小程序的圖片只支持的，后臺(tái)接口不能傳或否則有些安卓機(jī)會(huì)不兼容在微信開(kāi)發(fā)者工具中，可勾選不校驗(yàn)合法域名業(yè)務(wù)域名版本以及證書(shū)規(guī)則即可用，但是在實(shí)體里并沒(méi)有這個(gè)選項(xiàng)，所以建議開(kāi)發(fā)時(shí)就用路徑。前言最近小程序特別火，不用安裝，即開(kāi)即用，用完就走。省流量，省安裝時(shí)間等等優(yōu)勢(shì)吸引了大量用戶，幾乎所有大廠的APP都有小程序版本。我廠也有開(kāi)發(fā)，所以我也加入了開(kāi)發(fā)小程序的隊(duì)伍，開(kāi)發(fā)中的那些注意點(diǎn)和各...

gself 2019-08-26 17:44 評(píng)論0 收藏0
微信小程序開(kāi)發(fā)常見(jiàn)坑

摘要：前段時(shí)間稍微涉獵了微信小程序開(kāi)發(fā)，踩了一些坑，在此總結(jié)出來(lái)，希望能為小伙伴們提供一點(diǎn)幫助。當(dāng)然這不僅僅是對(duì)于微信小程序而言。于是找到微信開(kāi)發(fā)環(huán)境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時(shí)間稍微涉獵了微信小程序開(kāi)發(fā)，踩了一些坑，在此總結(jié)出來(lái)，希望能為小伙伴們提供一點(diǎn)幫助。頁(yè)面跳轉(zhuǎn) 對(duì)于頁(yè)面跳轉(zhuǎn)，可能習(xí)慣性想到wx.navigateTo，但是在跳轉(zhuǎn)到目標(biāo)頁(yè)...

huayeluoliuhen 2019-08-01 18:14 評(píng)論0 收藏0
微信小程序開(kāi)發(fā)常見(jiàn)坑

摘要：前段時(shí)間稍微涉獵了微信小程序開(kāi)發(fā)，踩了一些坑，在此總結(jié)出來(lái)，希望能為小伙伴們提供一點(diǎn)幫助。當(dāng)然這不僅僅是對(duì)于微信小程序而言。于是找到微信開(kāi)發(fā)環(huán)境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時(shí)間稍微涉獵了微信小程序開(kāi)發(fā)，踩了一些坑，在此總結(jié)出來(lái)，希望能為小伙伴們提供一點(diǎn)幫助。頁(yè)面跳轉(zhuǎn) 對(duì)于頁(yè)面跳轉(zhuǎn)，可能習(xí)慣性想到wx.navigateTo，但是在跳轉(zhuǎn)到目標(biāo)頁(yè)...

13651657101 2019-08-22 11:20 評(píng)論0 收藏0
微信小程序開(kāi)發(fā)常見(jiàn)坑

摘要：前段時(shí)間稍微涉獵了微信小程序開(kāi)發(fā)，踩了一些坑，在此總結(jié)出來(lái)，希望能為小伙伴們提供一點(diǎn)幫助。當(dāng)然這不僅僅是對(duì)于微信小程序而言。于是找到微信開(kāi)發(fā)環(huán)境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時(shí)間稍微涉獵了微信小程序開(kāi)發(fā)，踩了一些坑，在此總結(jié)出來(lái)，希望能為小伙伴們提供一點(diǎn)幫助。頁(yè)面跳轉(zhuǎn) 對(duì)于頁(yè)面跳轉(zhuǎn)，可能習(xí)慣性想到wx.navigateTo，但是在跳轉(zhuǎn)到目標(biāo)頁(yè)...

Tamic 2019-08-29 14:03 評(píng)論0 收藏0