亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

uni-app常用的幾種頁(yè)面跳轉(zhuǎn)方式總結(jié)

 更新時(shí)間:2022年08月26日 09:44:11   作者:丿TK丶灬丨愛(ài)悅  
uni-app的頁(yè)面跳轉(zhuǎn)和小程序和vue很相似,只是方法和標(biāo)簽有所不同,這篇文章主要給大家介紹了關(guān)于uni-app常用的幾種頁(yè)面跳轉(zhuǎn)方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

一、uni.navigateTo(OBJECT)

保留當(dāng)前頁(yè)面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面,使用uni.navigateBack可以返回到原頁(yè)面

uni.navigateTo(OBJECT) | uni-app官網(wǎng) (dcloud.io)

methods: {
    //gonavigate()為點(diǎn)擊響應(yīng)事件,可在HTML部分設(shè)置 @tap="gonavigate()"
    gonavigate(){
        uni.navigateTo({
            //保留當(dāng)前頁(yè)面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面
            url: '/pages/detail/detail'
        })
    }
}

二、uni.navigateBack(OBJECT)

關(guān)閉當(dāng)前頁(yè)面,返回上一頁(yè)面或多級(jí)頁(yè)面??赏ㄟ^(guò) getCurrentPages() 獲取當(dāng)前的頁(yè)面棧,決定需要返回幾層。

uni.navigateTo(OBJECT) | uni-app官網(wǎng) (dcloud.io)

?methods: {
    //goBack()為點(diǎn)擊響應(yīng)事件,可在HTML部分設(shè)置 @tap="goBack()"
    goBack(){
        uni.navigateBack({
            //關(guān)閉當(dāng)前頁(yè)面,返回上一頁(yè)面或多級(jí)頁(yè)面。
            delta:1
        });
    }
}

三、uni.redirectTo(OBJECT)

關(guān)閉當(dāng)前頁(yè)面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。

uni.navigateTo(OBJECT) | uni-app官網(wǎng) (dcloud.io)

?methods: {
    //goregirect()為點(diǎn)擊響應(yīng)事件,可在HTML部分設(shè)置 @tap="goregirect()"
    goregirect(){
        uni.redirectTo({
            //關(guān)閉當(dāng)前頁(yè)面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。
            url:'/pages/about/about'
        });
    }
}

四、uni.switchTab(BOJECT)

跳轉(zhuǎn)到 tabBar 頁(yè)面,并關(guān)閉其他所有非 tabBar 頁(yè)面。

uni.navigateTo(OBJECT) | uni-app官網(wǎng) (dcloud.io)

methods: {
    checklogin(){
        uni.request({
            url: 'http://localhost:8081/api/user/login',
            data: {
				email: this.emailone,
				password: this.password,
			},
			success: (res) => {
			    //登錄成功
				if (res.data.success == true) {
					uni.showToast({
						title: '登錄成功', //顯示的文字
						icon: 'success' //顯示的圖標(biāo)
				    });
				    //跳轉(zhuǎn)到 tabBar 頁(yè)面,并關(guān)閉其他所有非 tabBar 頁(yè)面。
					uni.switchTab({
						url: '../tabbor/index/index'
					});
				} else {
					uni.showToast({
						title: '用戶名或密碼錯(cuò)誤', //顯示的文字
						icon: 'none' //顯示的圖標(biāo)
					});
				}
            } 
        })    
 
    }
}

五、openURL

調(diào)用第三方程序打開(kāi)指定的URL

HTML5+ API Reference (html5plus.org)

?methods: {
    //goopenurl()為點(diǎn)擊響應(yīng)事件,可在HTML部分設(shè)置 @tap="goopenurl()"
    goopenurl(){
        boid plus.runtime.openURL('https://www.baidu.com/')
    }
}

補(bǔ)充:傳值與接收

通過(guò)跳轉(zhuǎn)傳值一般套路就是在URL中把需要傳的值帶過(guò)去,然后再接收的頁(yè)面onLoad函數(shù)中,利用參數(shù)接回來(lái)。

跳轉(zhuǎn)頁(yè)面:

uni.navigateTo({
   url:'頁(yè)面路徑?id=1'
})

接收頁(yè)面:

onLoad: function (option) { //option為object類型,會(huì)序列化上個(gè)頁(yè)面?zhèn)鬟f的參數(shù)
        console.log(option.id); 
//打印出上個(gè)頁(yè)面?zhèn)鬟f的參數(shù)。傳遞的是id=1,則獲取到的就是option.id
    }

總結(jié)

到此這篇關(guān)于uni-app常用的幾種頁(yè)面跳轉(zhuǎn)方式的文章就介紹到這了,更多相關(guān)uni-app頁(yè)面跳轉(zhuǎn)方式內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論