當前位置:成語大全網 - 書法字典 - 第三,如何在Uni-app+vue3頁面跳轉並通過?

第三,如何在Uni-app+vue3頁面跳轉並通過?

Vue項目通常需要使用vue路由器插件。剛開始Uni-app+Vue3項目的同學會考慮使用vue-router V4版本進行路由。

我不怕笑話,我就是這麽想的。畢竟我是第壹次使用Uni-app。因為我在懷孕期間記性不好,所以我決定做筆記來加深記憶。

框架以統壹的方式管理Uni-app頁面路由。我們需要在page.json文件中配置每個頁面的路由和頁面樣式,該文件類似於小程序中的app.json文件,因此uni-app的路由用法和編寫與vue-router不同。

項目初始化完成,對應的page.json文件為:

Uni-app通過pages節點配置應用程序擁有的頁面,並接收壹個數組,每個元素都是壹個對象,屬性為:

Uni-app頁面路由跳轉有兩種方式:使用導航器組件跳轉和調用API跳轉。

1,導航器組件跳轉

類似於A標簽,但只能跳轉到本地頁面,目標頁面必須在page.json中註冊。

導航器屬性包括:

開放式有效值

2.單壹應用程序API跳轉

使用API頁面以下列方式跳轉:

框架以堆棧的形式管理所有當前頁面。當發生路由交換時,頁面堆棧的行為如下:

模式1:加載接收

模式2:2中的糖接收:設置語法

onLoad函數用於監控頁面加載,接收到的參數是頁面傳遞的數據,這是壹個對象類型。

看到這裏,我相信我可以很快上手uni-app+vue3項目路由。妳也可以參考官方網站的教程:https://UNIAPP.dcloud.io/tutorial/page.html # % E8 % B7 % AF % E7 % 94% b 1。