【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】微信小程序頁(yè)面跳轉(zhuǎn)的方法有哪些

【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】微信小程序頁(yè)面跳轉(zhuǎn)的方法有哪些

在下給大家分享一下微信小程序頁(yè)面跳轉(zhuǎn)的方法有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！用法：用于頁(yè)面跳轉(zhuǎn)，相當(dāng)于html里面的<a></a>標(biāo)簽。四種跳轉(zhuǎn)的方法，在index里面寫(xiě)下一段代碼進(jìn)行測(cè)試（注意，在沒(méi)有設(shè)置底部導(dǎo)航的情況下，沒(méi)有tab也可使用這個(gè)屬性，有tab頁(yè)則需更換switchTab屬性）<view>

<navigator

url="/pages/logs/logs"

hover-class="changestyle">頁(yè)面跳轉(zhuǎn)，可以返回</navigator></view>（注意，在沒(méi)有設(shè)置底部導(dǎo)航的情況下，沒(méi)有tab也可使用這個(gè)屬性，有tab頁(yè)則需更換switchTab屬性）<view>

<navigator

url="/pages/logs/logs"

hover-class="changestyle"

redirect>頁(yè)面跳轉(zhuǎn)，無(wú)法返回</navigator></view>新建一個(gè)文件夾，命名為no,完善里面的wxml測(cè)試信息，為了方便測(cè)試隨意填充內(nèi)容<view

class="btn-area">

<navigator

url="/pages/test/test"

hover-class="navigator-hover">我是一個(gè)自由分散的頁(yè)面哦</navigator>

</view>打開(kāi)全局app.json文件，將剛剛新建文件夾no的路徑寫(xiě)入圖片.png。我們現(xiàn)在要測(cè)試從首頁(yè)的鏈接上打開(kāi)，點(diǎn)擊鏈接，即可在當(dāng)前的首頁(yè)頁(yè)面打開(kāi)no頁(yè)面。代碼<view><navigator

url="/pages/logs/logs"

open-type="switchTab"

hover-class="other-navigator-hover">切換

Tab</navigator></view>原因：所有的頁(yè)面路徑都需配置在pages下面tabBar里一般就是四個(gè)主頁(yè)面，這些主頁(yè)面之間的跳轉(zhuǎn)就像tab切換，這幾個(gè)頁(yè)面需要在tabBar里另外配置，普通頁(yè)面向這四個(gè)主頁(yè)面跳轉(zhuǎn)的時(shí)候，不能使用navigator，需用switch