亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序中實現頁面跳轉的方法有哪些

發布時間:2021-01-30 11:16:40 來源:億速云 閱讀:207 作者:小新 欄目:移動開發

這篇文章主要介紹微信小程序中實現頁面跳轉的方法有哪些,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

用法:用于頁面跳轉,相當于html里面的<a></a>標簽。
API教程:https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html
https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html

四種跳轉的方法,在index里面寫下一段代碼進行測試

1:從首頁跳轉到日志頁面(可以返回)

(注意,在沒有設置底部導航的情況下,沒有tab也可使用這個屬性,有tab頁則需更換switchTab屬性)

<view>
    <navigator  url="/pages/logs/logs" hover-class="changestyle">頁面跳轉,可以返回</navigator>
</view>

微信小程序中實現頁面跳轉的方法有哪些

微信小程序中實現頁面跳轉的方法有哪些

2:從首頁跳轉到日志頁面(不可以返回)

(注意,在沒有設置底部導航的情況下,沒有tab也可使用這個屬性,有tab頁則需更換switchTab屬性)

<view>
    <navigator  url="/pages/logs/logs" hover-class="changestyle" redirect>頁面跳轉,無法返回</navigator>
</view>

微信小程序中實現頁面跳轉的方法有哪些

3:在當前頁面打開

新建一個文件夾,命名為no,完善里面的wxml測試信息,為了方便測試隨意填充內容

<view class="btn-area">  
   <navigator url="/pages/test/test" hover-class="navigator-hover">我是一個自由分散的頁面哦</navigator>  
 </view>

微信小程序中實現頁面跳轉的方法有哪些

打開全局app.json文件,將剛剛新建文件夾no的路徑寫入

微信小程序中實現頁面跳轉的方法有哪些

我們現在要測試從首頁的鏈接上打開,點擊鏈接,即可在當前的首頁頁面打開no頁面

微信小程序中實現頁面跳轉的方法有哪些

4:切換到ta頁:

代碼
<view>
<navigator url="/pages/logs/logs" open-type="switchTab" hover-class="other-navigator-hover">切換 Tab</navigator>
</view>

注意:我這里用的跳轉是switchTab跳轉,而不是navigator

原因:所有的頁面路徑都需配置在pages下面tabBar里一般就是四個主頁面,這些主頁面之間的跳轉就像tab切換,這幾個頁面需要在tabBar里另外配置,普通頁面向這四個主頁面跳轉的時候,不能使用navigator,需用switchTab。

經驗總結:TabBar中的list項的配置pagePath,盡量不要作為其他頁面的跳轉鏈接。

微信小程序中實現頁面跳轉的方法有哪些

以上是“微信小程序中實現頁面跳轉的方法有哪些”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

丹江口市| 志丹县| 宜昌市| 乌鲁木齐市| 荆州市| 原阳县| 班戈县| 江川县| 大方县| 桐柏县| 长沙市| 关岭| 化州市| 健康| 易门县| 玉田县| 镇原县| 庄河市| 耒阳市| 天等县| 皮山县| 舒兰市| 新郑市| 清涧县| 伊金霍洛旗| 婺源县| 华蓥市| 榆中县| 阳西县| 界首市| 嘉鱼县| 高密市| 乐至县| 岳阳市| 南召县| 龙海市| 张家口市| 张家港市| 彰武县| 绥阳县| 股票|