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

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

外鏈展示頁面

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

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

的頁面

在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ù)即可，看下實(shí)例

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

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

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