微信小程序事件點(diǎn)擊跳轉(zhuǎn)頁(yè)面的五種方法小結(jié)
第一種:標(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è)面。
類似于頁(yè)面跳轉(zhuǎn)時(shí) 重定向頁(yè)面，類似于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)文章希望大家以后多多支持腳本之家！
- 微信小程序點(diǎn)擊列表跳轉(zhuǎn)到對(duì)應(yīng)詳情頁(yè)過(guò)程解析
- 微信小程序防止多次點(diǎn)擊跳轉(zhuǎn)和防止表單組件輸入內(nèi)容多次驗(yàn)證功能（函數(shù)防抖）
- 微信小程序防止多次點(diǎn)擊跳轉(zhuǎn)（函數(shù)節(jié)流）
- 微信小程序按鈕點(diǎn)擊跳轉(zhuǎn)頁(yè)面詳解
- 微信小程序BindTap快速連續(xù)點(diǎn)擊目標(biāo)頁(yè)面跳轉(zhuǎn)多次問(wèn)題處理
- 微信小程序?qū)崿F(xiàn)點(diǎn)擊文字頁(yè)面跳轉(zhuǎn)功能【附源碼下載】
相關(guān)文章
這篇文章主要介紹了TypeScript 映射類型詳情，一個(gè)類型需要基于另外一個(gè)類型， 又不想拷貝一份，這個(gè)時(shí)候可以考慮使用映射類型，映射類型建立在索引簽名的語(yǔ)法上，下面文章我們就從回顧下索引簽名展開(kāi)TypeScript 映射類型的相關(guān)資料,需要的朋友可以參考一下2021-12-12
JavaScript合并兩個(gè)數(shù)組并去除重復(fù)項(xiàng)的方法
這篇文章主要介紹了JavaScript合并兩個(gè)數(shù)組并去除重復(fù)項(xiàng)的方法,涉及javascript操作數(shù)組的合并與去重的相關(guān)技巧,需要的朋友可以參考下2015-06-06
JavaScript中展開(kāi)運(yùn)算符及應(yīng)用的實(shí)例代碼
這篇文章主要介紹了JavaScript中展開(kāi)運(yùn)算符及應(yīng)用的實(shí)例代碼,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-01-01
一文詳解requestAnimationFrame請(qǐng)求動(dòng)畫(huà)幀
requestAnimationFrame是一個(gè)用于動(dòng)畫(huà)效果的 API,它使用瀏覽器的刷新率來(lái)執(zhí)行回調(diào)函數(shù),通常每秒鐘執(zhí)行60次,這篇文章主要給大家介紹了關(guān)于requestAnimationFrame請(qǐng)求動(dòng)畫(huà)幀的相關(guān)資料,需要的朋友可以參考下2023-12-12
JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家分享JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)方法，需要的朋友參考下吧2017-09-09
這篇文章主要介紹了JS版元素周期表實(shí)現(xiàn)方法,可實(shí)現(xiàn)基于javascript動(dòng)態(tài)生成元素周期表的功能,點(diǎn)擊元素項(xiàng)可以在下方顯示對(duì)應(yīng)元素的各種常用屬性,需要的朋友可以參考下2015-08-08
Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo
這篇文章主要為大家介紹了Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
自己使用js/jquery寫(xiě)的一個(gè)定制對(duì)話框控件
自己做一個(gè)通用的控件，雖然不是絕對(duì)通用啦，但在我這個(gè)項(xiàng)目里還是可以隨意調(diào)用的，思想的話也可以借鑒到別的項(xiàng)目中2014-05-05
JS基于面向?qū)ο髮?shí)現(xiàn)的拖拽功能示例
這篇文章主要介紹了JS基于面向?qū)ο髮?shí)現(xiàn)的拖拽功能,涉及javascript面向?qū)ο笈c頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-12-12
本文給大家匯總了在javascript方法中返回多個(gè)值的方法，都是在個(gè)人項(xiàng)目中檢驗(yàn)過(guò)的，這里推薦給大家，有需要的小伙伴可以參考下。2015-05-05