首页 > 其他 > 详细

vue路由跳转传参的两种方法

时间:2019-12-20 00:59:57      阅读:107      评论:0      收藏:0      [点我收藏+]

 

路由跳转:

this.$router.push({
    name: ‘工单列表‘,
    params: {p_camera_dev_name: ‘xxx‘}
});

 

使二级菜单呈点击状态:

$(‘[index*=\‘/demo/test\‘]‘).trigger(‘click‘);

 

获取参数:

this.$route.params.p_camera_dev_name

 

注意点:

(1)这边假设工单列表是二级菜单,对应的path是/demo/test

(2)注意跳转的时候是this.$router对象,而获取参数的时候是this.$route对象

(3)使用params传参数的时候, push里面只能是 name:‘xxxx‘,不能是path:‘/xxx‘, 如果params改成query,对应name需要改成path 则用如下形式:直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示

      this.$router.push({
        path:‘/xxx‘,
        query:{
          id:id
        }
      })

 

vue路由跳转传参的两种方法

原文:https://www.cnblogs.com/chenmz1995/p/12070744.html

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