uniapp plusieurs sauts et paramètres de navigation

Les sauts déclaratifs utilisent des composants pour sauter

Utilisez le navigateur pour sauter

Documentation détaillée du navigateur : adresse du document

passer à la page normale

<!-- 跳转到普通页面 有返回键-->
<navigator url="/pages/about/about" hover-class="navigator-hover">
  <button type="default">跳转到关于页面</button>
</navigator>

Accéder à la page de la barre d'onglets

<!-- 跳转到tabbar页面 无返回键 关闭所有非tabelbar页面-->
<navigator url="/pages/message/message" open-type="switchTab">
  <button type="default">跳转到message页面</button>
</navigator>

Saut programmatique à l'aide du saut API

Utilisez la méthode NavigTo pour accéder à la page normale

Conservez la page actuelle, accédez à une page de l'application et utilisez-la uni.navigateBackpour revenir à la page d'origine.

<button type="primary" @click="goAbout">跳转到关于页面</button>

goAbout () {
  uni.navigateTo({
    url: '/pages/about/about',
  })
}

Accédez à la page à onglets via switchTab (pas de touche retour pour fermer toutes les pages sans onglets)

Accéder à la page de la barre d'onglets

<button type="primary" @click="goMessage">跳转到message页面</button>

goMessage () {
  uni.switchTab({
    url: '/pages/message/message'
  })
}

 Utilisez la méthode redirectTo pour accéder à la page normale et fermer la page actuelle

<button type="primary" @click="goMessagesss">跳转到message页面</button>

goMessagesss () {
			  uni.redirectTo({
			  	url: '/pages/login/login'
			  })
			}

Tester que le composant courant est bien déchargé par onUnload

onUnload () {
  console.log('组件卸载了')
}

Paramètres de passage de saut de navigation Paramètres de réception

Lors de la navigation vers la page suivante, les paramètres correspondants peuvent être transmis à la page suivante et la page recevant les paramètres peut être reçue tout au long du cycle de vie onLoad.

Passage du paramètre de saut déclaratif

<navigator url="/pages/login/login?id=80&age=19" hover-class="navigator-hover">
		  <button type="default">跳转到login页面</button>
</navigator>

 Passage des paramètres de saut programmatique

goAbout () {
  uni.navigateTo({
    url: '/pages/about/about?id=80',
  });
}

 La page qui reçoit les paramètres

<script>
	export default {
		onLoad (options) {
			console.log(options)
		}
	}
<script>