我试图模仿Pinterest(以及许多其他热门网站)如何实现这一目标。
当用户点击模态时,弹出模式,地址栏URL更改,添加新的历史记录条目,但页面不会重新加载。当用户关闭模态时,所有内容都会恢复到之前的状态,同时还会添加新的历史记录。
Vue-Router提供router.push,router.replace和router.go,但它们无法达到我想要的效果。 router.push会导航到该URL,但我打开的模式有一个与之关联的URL,而不是那个url。 router.replace替换当前历史记录条目,而不是添加新条目。
执行此操作的标准方法是什么?
答案 0 :(得分:-1)
使用Vue Router(google it)进行此操作。请记住,像这样的东西通常意味着很多工作只能获得很少的收益。
使用Vue Router,您可以设置您的应用程序,以便page.com/book/Test使用变量Test set将您引导至page.com/book。
我建议使用Webpack和Vue插件将您的站点设置为单个文件项目,并使用该eith Vue路由器。然后,您可以获得所需的功能。