浏览器点击后退,怎样更新 Vue 的组件状态?

2016-08-23 11:15:11 +08:00
 xia0ta0
现在网站的首页有一个用户消息提示,用户点击后会查看消息。但是当用户后退到首页,消息提示还在。只有刷新页面才能消除。

请问在哪个生命周期里进行设置?
9919 次点击
所在节点    Vue.js
6 条回复
des
2016-08-23 11:58:00 +08:00
监听 popstate 事件,然后主动刷新?
shyling
2016-08-23 12:06:30 +08:00
在 route:{
data:{初始化消息提示为隐藏状态}
}
airyland
2016-08-23 12:37:56 +08:00
点击后为什么不清除掉。。
xia0ta0
2016-08-23 18:07:15 +08:00
@des 感觉有点不 Vue ...

@shyling 现在是在一个 component 里, route 方法好像不起作用


@airyland 想找到一个通用的浏览器后退,页面状态刷新方案
shyling
2016-08-23 18:27:56 +08:00
@xia0ta0 试试 ready ,不然就在外部 component 传 not show 的 prop , vuex 什么的咯
xia0ta0
2016-08-24 09:34:14 +08:00
@shyling 嗯,看来要放到 store 了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/301138

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX