VueJS 从动态路由返回答案

【问题标题】：VueJS goBack from Dynamic RouteVueJS 从动态路由返回
【发布时间】：2018-03-26 23:42:43
【问题描述】：

我有/ 和/items/:name

我去/ 然后/items/iphone5 然后/items/phone6

然后调用 $router.go(-1) 并引导我到 / 而不是 /items/iphone5

怎么了？

更新：

beforeRouteUpdate (to, from, next) { this.toggleSideBar() next() }

此代码有效，但不知道为什么不添加历史记录，

然后我创建一个解决问题的承诺

beforeRouteUpdate (to, from, next) { this.toggleSideBar().then(() => next()) }

【问题讨论】：

【解决方案1】：

也许您在锚点上使用了 replace 选项。

请检查您的标签是否有此属性

<router-link :to="..." **replace**>

【讨论】：

【解决方案2】：

然后调用 $router.go(-1) 并引导我到 / 而不是 /items/iphone5

go方法基于history API

go(-1) 返回存储在当前历史条目中的上一个条目

我去 / 然后 /items/iphone5 然后 /items/phone6

您必须检查历史条目是否对您的路线计数或尝试使用历史模式

vue 路由器默认模式是哈希。

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

阅读docs 了解更多信息[如果您有时间，请阅读最后的注意事项和服务器端渲染]

【讨论】：