首页 > 其他 > 详细

vue-router编程式导航params、query

时间:2021-03-28 22:17:40      阅读:33      评论:0      收藏:0      [点我收藏+]

两种获取地址参数方法

//query方式
this.$route.query.变量

//动态路由方式
this.$route.params.变量

编程式导航

跳转传参 this.$router.push({

path:‘‘,       //可手写地址

name:‘‘           //name需要在路由上面配置name属性才可以使用

params:{}  //动态路由方式传参,如果使用path方式params会被忽略掉

query:{}    //query方式传参

})

//使用动态路由方式需额外配置路由 配置路由格式    /路由/:变量

 

   routes:[{
          path:‘cate‘,
          component:()=>import(‘@/views/cate‘),  
          name:‘cate1‘,      //这是路由上的name属性                   
      alias:‘cate2‘     //配置alias 相当于给path加了一个别名            }
]

 

vue-router编程式导航params、query

原文:https://www.cnblogs.com/lv77/p/14589639.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!