本篇文章給大家?guī)淼膬?nèi)容是關(guān)于小程序開發(fā)之新頁面鏈接打開的方法（代碼示例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

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

外鏈展示頁面

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

看一下目錄結(jié)構(gòu)，其中navigator就是展示外鏈設(shè)計軟件

的頁面

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

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

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

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

用戶中心

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

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

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

以上就是小程序開發(fā)之新頁面鏈接打開的方法（代碼示例）的詳細(xì)內(nèi)容，更多請關(guān)注沈陽網(wǎng)站建設(shè)其它相關(guān)文章！