小程序開發：新頁面打開鏈接

SmallBoyO 發布于2019-07-01 11:13 / 1042人閱讀

摘要：導語開發的小程序中有個用戶中心，需求是用戶可以點擊按鈕從而跳轉到新鏈接。實際上在做這個需求的時候，并沒有很好的方法，以往的一些經驗，也不適用于小程序，查了一些資料，也沒有頭緒。外鏈展示頁面首先建立一個目錄，這個目錄用來展示外鏈中的內容。

導語

開發的小程序中有個用戶中心，需求是用戶可以點擊按鈕從而跳轉到新鏈接。實際上在做這個需求的時候，并沒有很好的方法，以往的一些經驗，也不適用于小程序，查了一些資料，也沒有頭緒。最終的實現方法就是使用navigator組件，如果哪位有更好的方法，或者我的實現方法有缺陷，請在下方指出。

外鏈展示頁面

首先建立一個目錄，這個目錄用來展示外鏈中的內容。因為是外鏈，所以要用到web-view（注意這個組件有一些特性，從下方鏈接中查看）。
看一下目錄結構，其中navigator就是展示外鏈的頁面

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

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

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

用戶中心

在用戶中心，只需要將鏈接跳轉到/navigator/navigator中，并且帶上參數即可，看下實例

上面的方法可以實現，當然實際項目要復雜些的，根據實際需求進行修改。

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

云服務器 GPU云服務器小程序開發開發小程序開發小程序開發開發制作福州小程序開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/29975.html

微信小程序開發早知道

摘要：小程序仍在不斷更新和完善，舊代碼可能會因不符合新政策，在下次發布的時候無法正常運行。用戶微信支付后，需要后臺推送消息到服務器，才能確認支付成功。小程序也存在兼容性問題，對待不愿更新微信的用戶，要像對待忠實的用戶一樣，小程序基礎庫版本分布。小程序沒有跳轉公眾號、跳轉公眾號圖文素材的能力。除非用戶通過掃描二維碼進入小程序的情景，可以顯示關注公眾號組件。公眾號菜單、公眾號圖文素材可以打開...

lyning 2019-08-26 13:40 評論0 收藏0
小程序開發中的那些坑

摘要：二小程序的圖片只支持的，后臺接口不能傳或否則有些安卓機會不兼容在微信開發者工具中，可勾選不校驗合法域名業務域名版本以及證書規則即可用，但是在實體里并沒有這個選項，所以建議開發時就用路徑。前言最近小程序特別火，不用安裝，即開即用，用完就走。省流量，省安裝時間等等優勢吸引了大量用戶，幾乎所有大廠的APP都有小程序版本。我廠也有開發，所以我也加入了開發小程序的隊伍，開發中的那些注意點和各...

gself 2019-08-26 17:44 評論0 收藏0
微信小程序開發常見坑

摘要：前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。當然這不僅僅是對于微信小程序而言。于是找到微信開發環境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。頁面跳轉對于頁面跳轉，可能習慣性想到wx.navigateTo，但是在跳轉到目標頁...

huayeluoliuhen 2019-08-01 18:14 評論0 收藏0
微信小程序開發常見坑

摘要：前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。當然這不僅僅是對于微信小程序而言。于是找到微信開發環境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。頁面跳轉對于頁面跳轉，可能習慣性想到wx.navigateTo，但是在跳轉到目標頁...

13651657101 2019-08-22 11:20 評論0 收藏0
微信小程序開發常見坑

摘要：前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。當然這不僅僅是對于微信小程序而言。于是找到微信開發環境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。頁面跳轉對于頁面跳轉，可能習慣性想到wx.navigateTo，但是在跳轉到目標頁...

Tamic 2019-08-29 14:03 評論0 收藏0