路由传值

142 阅读1分钟

1、路由里面可以放各种配置信息

{
        path: '/main/:id',
        name: 'main',
        code: 'essJoinEdit',
        icon: 'icon-img-01',
        hidden: true,
        meta: { name: 'lcl' },
  }

2、路由传值

  • 通过的to
<router-link to="/main/dialog"><h2>弹框</h2></router-link>
  • 通过this.router.push()
this.$router.push({
                path: '/main',
            });

3、params传值

    1. 地址拼接
router里面:
  {
        path: '/main/:id/:name',
        name: 'main',
  }
 方法一:router-link的to属性:
<router-link :to="'/home'+goods_id"></router-link>
方法二:this.$router.push()方法:
    this.$router.push({
        path: '/main/传的值/name'
    });

**打印结果:params: {id: '传的值', name: 'name'}

4、query传值

  this.$router.push({
                path: '/main',
                query: { namess: 'liu' },
            });

**打印结果:query: {namess: 'liu'}