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

外鏈展示頁面

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

看一下目錄結構，其中navigator就是展示外鏈設計軟件

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

<web-view src="{{url}}"></web-view>

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

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

用戶中心

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

<!-- {{url}}中是外鏈地址 --><navigator url="/navigator/navigator?url={{url}}"></navigator>

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

以上就是小程序開發之新頁面鏈接打開的方法（代碼示例）的詳細內容，更多請關注沈陽網站建設其它相關文章！