快捷導(dǎo)航

微信小程序事件點(diǎn)擊跳轉(zhuǎn)頁(yè)面的五種方法小結(jié)

更新時(shí)間：2023年07月17日 10:14:35 作者：曦月合一

本文主要介紹了微信小程序事件點(diǎn)擊跳轉(zhuǎn)頁(yè)面的五種方法小結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

第一種:標(biāo)簽這是最常見(jiàn)的一種跳轉(zhuǎn)方式,相當(dāng)于html里的a標(biāo)簽

<navigator url="/pages/main/main"></navigator>

第二種:wx.navigateTo({})方法

1.前端wxml

   <button  bindtap="getCeshi" type="primary"> 測(cè)試按鈕 </button>

2.js應(yīng)用

// 測(cè)試按鈕點(diǎn)擊事件處理函數(shù)
Page({
		data: {
		  },
	  getCeshi() {
	    wx.navigateTo({
	      url: '/pages/main/main',
	    })
	  }
  })

第三種:wx.redirectTo({})

功能描述： 關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。但是不允許跳轉(zhuǎn)到 tabbar 頁(yè)面。

類(lèi)似于頁(yè)面跳轉(zhuǎn)時(shí) 重定向頁(yè)面，類(lèi)似于html中的 window.open(‘…’);跳轉(zhuǎn)后左上角出現(xiàn)返回小箭頭,點(diǎn)擊后可返回原本頁(yè)面.

Page({
		data: {
		  },
	  getCeshi() {
	    wx.redirectTo({
		  url: 'test?id=1'
		})
	  }
  })

第四種:wx.switchTab（{}）

功能描述

跳轉(zhuǎn)到 tabBar （）頁(yè)面，并關(guān)閉其他所有非 tabBar 頁(yè)面，該方法只能跳轉(zhuǎn)tabbar頁(yè)面

TabBar,中文叫標(biāo)簽欄、底部tab欄、底部導(dǎo)航等等。TabBar 中的各個(gè)頁(yè)面是并列關(guān)系,并且只能選中一個(gè)。選中時(shí),標(biāo)簽會(huì)高亮。，且左上角不會(huì)出現(xiàn)返回箭頭。

Page({
		data: {
		  },
	  getCeshi() {
	    wx.switchTab({
		  url: '/index'
		})
	  }
  })

第五種:wx.reLaunch({})

功能描述 關(guān)閉所有頁(yè)面，打開(kāi)到應(yīng)用內(nèi)的某個(gè)頁(yè)面.且左上角不會(huì)出現(xiàn)返回箭頭。

Page({
		data: {
		  },
	  getCeshi() {
	   wx.reLaunch({
		  url: 'test?id=1'
		})
	  }
  })

到此這篇關(guān)于微信小程序事件點(diǎn)擊跳轉(zhuǎn)頁(yè)面的五種方法小結(jié)的文章就介紹到這了,更多相關(guān)小程序事件點(diǎn)擊跳轉(zhuǎn)頁(yè)面內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: