vue 获取当前路由_VUE 在组件中 获取 路由信息

一、核心代码

1、获取参数

this.$route.query.id

this.$route.query

2、页面跳转

登录

3、方法跳转

this.$router.push({ path: '/login', query: { id: '456' } });

二、全部代码

登录

注册

测试点击调整页面

// 组件的局部注册

var ComponentA = {

data: function () {// 组件的数据

return {

count: 0

}

},

template: 'You clicked me { { count }} times.'// 组件的模板

};

var Component_login = {

template: '

登录----{ {$route.query.id}}------{ {id}}-----{ {name}}

',

data: function () {

return {

name: 'name1',

//id: this.$route.query.id// 获取url参数，这个不可以用，不是实时的！！！

};

},

computed: {