這篇文章主要介紹小程序開發(fā)之如何打開新頁面鏈接，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)專注于富順網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供富順營銷型網(wǎng)站建設(shè)，富順網(wǎng)站制作、富順網(wǎng)頁設(shè)計(jì)、富順網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造富順網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供富順網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

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

外鏈展示頁面

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

看一下目錄結(jié)構(gòu)，其中navigator就是展示外鏈的頁面

在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)行修改。

以上是“小程序開發(fā)之如何打開新頁面鏈接”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！