uniapp varios saltos y parámetros de navegación

Los saltos declarativos utilizan componentes para saltar.

Usa el navegador para saltar.

Documentación detallada del navegador: dirección del documento

saltar a la página normal

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

Saltar a la página de la barra de pestañas

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

Salto programático usando api jump

Utilice el método de navegación para saltar a la página normal.

Mantenga la página actual, salte a una página de la aplicación y utilícela uni.navigateBackpara volver a la página original.

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

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

Salte a la página de la barra de pestañas a través de switchTab (no hay tecla de retorno para cerrar todas las páginas que no son de la barra de pestañas)

Saltar a la página de la barra de pestañas

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

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

 Utilice el método de redirección a para saltar a la página normal y cerrar la página actual

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

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

Pruebe que el componente actual esté realmente descargado mediante onUnload

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

Navegación Salto Pase Parámetros Recibir parámetros

Mientras navega a la página siguiente, puede pasar los parámetros correspondientes a la página siguiente y la página que recibe los parámetros se puede recibir a través del ciclo de vida de onLoad.

Paso de parámetro de salto declarativo

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

 Paso de parámetro de salto programático

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

 La página que recibe los parámetros.

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