方式一

1.在router-link的to属性中添加参数

 <router-link to="/login?id=10" tag="span">登录</router-link>

2.通过$route.query.id获取参数

var login = {
        template:'<h3>这是登录组件----{{$route.query.id}}</h3>',
        created(){
            console.log(this.$route)
        }
    }

方式二

1.在规则中定义参数:

{ path: '/register/:id', component: register }

2.通过 this.$route.params来获取路由中的参数:

var register = Vue.extend({
      template: '<h1>注册组件 --- {{this.$route.params.id}}</h1>'
    });
Logo

前往低代码交流专区

更多推荐