用 Vue 写列表页/详情页 的一个常见的需求，大神们都是如何解决的？

[wuhaoworld]

比如一个管理后台，列表页展示所有文章，包括标题、作者、发布时间等。 点击文章标题进入详情页，可以对文章进行编辑，可以编辑后返回列表页，也可以直接返回列表页。

因为文章列表很长，从文章详情页返回列表页需要保持其滚动条位置，还有其他组件的状态，所以对列表页设置了 keep-alive 。

如果不做其他控制对话，修改 /删除文章后，返回列表页，刚刚编辑的文章还是以原来的名称显示，并没有更新。

网上看到一种方案，是说一旦编辑或修改，再返回列表页时，在 beforeRouteLeave 回调中，让列表页的 keep-alive 设为 fasle，但这样整个列表页都被刷新了，之前的状态并没被保留，我期望即使文章被编辑后，返回列表还能保留之前的滚动条位置以及其他组件的状态，同时列表页显示最新的文章标题及内容。

暂没有用 Vuex，大家是如何解决这个问题的？

[dfkjgklfdjg]

详情页修改之后使用 eventBus 通知列表修改对应 id 的记录之中 title, notice 之类需要展示数据。
或者返回功能使用 $router.replace 替换 $router.push，通过 params 对象传递 id 以及 title 之类的属性，在列表页激活的时候去修改对应记录。

[liuchengfeng1]

我也遇到过你这样的问题，做了一个记录；
http://blog.musclewiki.cn/post/187?cid=51&search=%E7%BC%93%E5%AD%98&index=search