路由跳转
<router-link to="/login">登录</router-link> // 需要定义该路由
this.$router.go(-1) // 后退一页,数字可变,代表不同意义
this.$router.push({ // params跳转页面,刷新页面数据丢失
name: 'login', // 定义路由时需要命名name
params: {
id: id
}
})
this.$route.params.id; // 子页面获取params参数
this.$router.push({ // query跳转页面,参数展示在地址栏,刷新页面数据不会丢失
path: '/login',
query: {
id: id
}
})
this.$route.query.id; // 子页面获取query参数
使用引号来监听嵌套属性
watch {
'$route.query.id'() {
// ...
}
}