首页 文章

如何在不导航到该网址的情况下推送历史记录条目并更改地址栏网址?

提问于
浏览
1

我试图模仿Pinterest(以及许多其他热门网站)如何实现这一目标 .

当用户单击模态时,弹出模式,地址栏URL更改,添加新的历史记录条目,但页面不会重新加载 . 当用户关闭模态时,所有内容都会恢复到之前的状态,同时还会添加新的历史记录 .

Vue-Router提供了router.push,router.replace和router.go,但它们没有达到我想要的效果 . router.push会导航到该URL,但我打开的模式有一个与之关联的URL,而不是那个url . router.replace替换当前历史记录条目,而不是添加新条目 .

这样做的标准方法是什么?

1 回答

  • -1

    使用Vue Router(google it) . 请记住,像这样的东西通常意味着很多工作只能获得很少的收益 .

    使用Vue Router,您可以设置您的应用程序,以便page.com/book/Test使用变量Test set将您引导至page.com/book .

    我建议使用Webpack和Vue插件将您的站点设置为单个文件项目,并使用该eith Vue路由器 . 然后,您可以获得所需的功能 .

相关问题