声明式 | <!-- 声明式跳转 -->
<router-link to="/detail">去详情 </router-link> 2、直接问号拼接 <router-link to="/detail?id=104&name='zs'">去详情2222 </router-link> 3、path:路径,query:传参 <router-link :to="{path:'/detail',query:{id:103,name:'zs'}}">去详情 </router-link> 4、name:路径,params:传参(必须传定义好的参数) <router-link :to="{name:'my',params:{userid:234}}"> 去个人中心 </router-link> |
函数式 | // 函数式跳转 todetail(){ // this.$router.push('/detail') this.$router.push({path:'/detail'}) this.$router.push({path:'/mine',query:{id:104,name:'lisi'}}) this.$router.push({name:"my", params:{userid:999} }) }, 获取:this.$route.query. name this.$route.params. userid |
vue中路由的跳转和传参有哪几种方式
最新推荐文章于 2023-12-10 08:53:25 发布