vue页面跳转传参

标签写法

使用<router-link>跳转,<router-link> 默认会被渲染成一个 `<a>` 标签

1. <router-link to="/btn">通过to指定链接</router-link>
2. <router-link :to="{ path:'/btn'} ">根据path跳转</router-link>
3. <router-link :to="{ name:'user'} ">根据name跳转</router-link>

编程式写法

router.go()类似于js的history.go(),0刷新,正数前进,负数后退

router.push()在历史堆栈中添加路由，

1. router.push('/')
2. router.push({path:'/'})
3. router.push({name:'home'})

跳转页面

import { useRouter} from "vue-router";
const a = useRouter();//返回上一页
const b = () =>{
  a.push({
  path:'/页面',
})

传参

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