Vue路由中定义参数的两种方式
方式一1.在router-link的to属性中添加参数<router-link to="/login?id=10" tag="span">登录</router-link>2.通过$route.query.id获取参数var login = {template:'<h3>这是登
·
方式一
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>'
});
更多推荐
已为社区贡献3条内容
所有评论(0)