技術標籤：小程式

uni-app的搭建和入門使用

十三.uni中的導航跳轉

1.宣告式導航

元件->導航->navigator
navigator：只能跳轉到普通頁面（也就是非導航頁面）
如果要跳轉到tabbar頁面，需要設定open-type=“switchTab”

<template>
	<view class="contact">
		<!-- 有返回上一頁的箭頭 -->
		<navigator url="../details/details?id=80&age=18">跳轉到詳情頁<
 
/navigator>
		<!-- 沒有返回上一頁的箭頭，上一頁的檔案被解除安裝了 -->
		<navigator url="../details/details" open-type="redirect">跳轉到詳情頁</navigator>
		<navigator url="../message/message" open-type="switchTab">跳轉到資訊頁</navigator>
	</view>
</template>
 


<script>
	export default{
		onUnload() {
			console.log("檔案被解除安裝了")
		}
	}
</script>

<style lang="scss">
	
</style>

點選第一個按鈕：

點選第二個按鈕：

點選第三個按鈕：

想這種跳轉到的頁面，接收引數就在onLoad生命週期裡面：

onLoad(option) {
	console.log(option)
}

2.程式設計式導航

Api->路由與頁面跳轉