vue.js用vue-router路由传参时页面刷新后参数消失的问题
2017-08-31 21:24
1531 查看
如果要用 params 传参的话,可能需要在你的路由路径里也加上这个参数,比如你用
name: '
component:user
}
][/code]
其中这里的routes里的
是必须要有的。
跳转后,获取参数:
注意:是 $route ......
具体的可以参考
Vue-router 命名路由
this.$router.push({name:'detail, params:{userId: userId}});跳转,那么在路由里就要这样写
routes: [ { path: '/',detail/:[code]userId
name: '
detail',
component:user
}
][/code]
其中这里的routes里的
path:'/'[/code]detail/:[code]userId
,里的
:userId
是必须要有的。
跳转后,获取参数:
console.log(this.$route.params.userId)
注意:是 $route ......
具体的可以参考
Vue-router 命名路由
相关文章推荐
- vue-router路由参数刷新消失的问题解决方法
- 解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题
- vue.js中利用router进行跳转(子页面刷新404问题)
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- vue-router组件状态刷新消失的问题
- vue路由带参跳转,刷新后参数不消失
- VUE-Router 同一页面第二次进入不刷新 问题以及几个解决方案。
- 解决vue-router在同一个路由下切换,取不到变化的路由参数问题
- vue-router3.0版本中 router.push 不能刷新页面的问题
- vue通过 vue.mixin(混合)实现 任意页面记录滚动条位置(路由router.query参数一致) 并跳转到上次的位置
- 解决vue 路由变化页面数据不刷新的问题
- 浅谈针对Vue相同路由不同参数的刷新问题
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结
- vue 在nginx下页面刷新出现404问题解决和在nginx下页面加载了js但是页面显示空白问题解决
- 浅谈vue-router2路由参数注意的问题
- 解决vue-router进行build无法正常显示路由页面的问题
- vue-router中关于组件复用页面不刷新的问题
- Vue中的 this.$router.push() 参数获取 (通过路由传参)
- vue页面刷新或者后退参数丢失的问题
- Vuejs刷新页面子组件数据丢失问题的一点笔记