vue路由参数不刷新的问题
【摘要】 vue 路由参数
在vue不同页面跳转时可以通过route参数传递数据,在页面的create钩子中获取这些参数。这个功能可以实现一些早期页面的选择或者数据向后期页面的传递,在通过path跳转的页面实现数据共享。(对于父子组件之间数据传递和共享是另外一种方式,这里不涉及)
但调试中发现,从首页跳转到页面1时参数传递没有问题,后面再次从页面1跳转到页面2及后续页面时数据不正确,通过日志输出看有时数据有传递有时没有。查找资料发现,VUE为了提高渲染效率,会复用前面路由已经创建的组件,这时组件的生命周期如create钩子不会再次进入,当然就导致数据无法获取到。
解决这个问题的方法是,在watch中监听路由变化,在监听到路由变化时获取路由携带的参数。
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)