Vue路由
1.压栈:点击返回会返回上一个链接
使用history.pushState方法:这个pushState()是一个HTML5的新接口,你可能在一些科技博客如36kr上看到过,ajax加载新的文章,并且改变网址却不需要刷新页面,本站也用到了这个,当你在首页往下拉时,加载分页内容,网址也随着改变,有利于后退和增加用户体验
基本参数为 history.pushState(state, title, url);
其中state和title都可以为空,但是推荐不为空,应当创建state来配合popstate监听
2.替换:替换当前的url,没有返回
replaceState:替换
基本参数为history.replaceState(state, title, url);
3.back()和go() 注意:go后面的参数负数则后退几个url,正数则前进几个url, forward()是前进一个url
这三个接口等同于浏览器界面的前进后退
history.back()等价于history.go(-1);
hisory.forward()等价于history.go(1);
back 与go的区别:back只能退回上一个url,但go可以退回前几个或者前一个,更可以前进几个url
网友评论