vue路由参数不刷新的问题

举报
风中的叶子 发表于 2019/09/24 18:05:49 2019/09/24
【摘要】 vue 路由参数

在vue不同页面跳转时可以通过route参数传递数据,在页面的create钩子中获取这些参数。这个功能可以实现一些早期页面的选择或者数据向后期页面的传递,在通过path跳转的页面实现数据共享。(对于父子组件之间数据传递和共享是另外一种方式,这里不涉及)

但调试中发现,从首页跳转到页面1时参数传递没有问题,后面再次从页面1跳转到页面2及后续页面时数据不正确,通过日志输出看有时数据有传递有时没有。查找资料发现,VUE为了提高渲染效率,会复用前面路由已经创建的组件,这时组件的生命周期如create钩子不会再次进入,当然就导致数据无法获取到。

解决这个问题的方法是,在watch中监听路由变化,在监听到路由变化时获取路由携带的参数。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。