快捷導(dǎo)航

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

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

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

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

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

1.前端wxml

   <button  bindtap="getCeshi" type="primary"> 測試按鈕 </button>

2.js應(yīng)用

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

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

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

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

功能描述

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

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

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

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

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

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

您可能感興趣的文章: