La página de Vue salta y pasa parámetros

Escritura de etiquetas

Utilice <router-link> para saltar. <router-link> se representará en una etiqueta `<a>` de forma predeterminada.

  1. <router-link to="/btn"> Especificar enlace a través de </router-link>
  2. <router-link :to="{ path:'/btn'} "> Saltar según la ruta </router-link>
  3. <router-link :to="{ name:'user'} "> Saltar según el nombre </router-link>

Escritura programática

router.go() es similar a History.go() de js, se actualiza con 0, avanza con números positivos y retrocede con números negativos.

router.push() agrega una ruta a la pila del historial, 

  1. enrutador.push('/')
  2. enrutador.push({ruta:'/'})
  3. enrutador.push({nombre:'casa'})

Saltar página

import { useRouter} from "vue-router";

const a = useRouter();//返回上一页

const b = () =>{
  a.push({
  path:'/页面',
  
})

Pasando parámetros

const dianji = () =>{
router.push({
  path:'/页面',
  query:{
    id:参数
  }
})
}

Supongo que te gusta

Origin blog.csdn.net/A12536365214/article/details/132407439
Recomendado
Clasificación