重写url
HTML5新接口,可以改变网址而不刷新页面
仅改变网址,网页不会真的跳转,也不会获取到新的内容,本质上网页还停留在原页面
1、window.history.pushState(data, title, targetURL)
@状态对象:传给目标路由的信息,可为空
@页面标题:目前所有浏览器都不支持,填空字符串即可
@可选url:目标url,不会检查url是否存在,且不能跨域。如不传该项,即给当前url添加data
2、window.history.replaceState(data, title, targetURL)
- @类似于pushState,但是会直接替换掉当前url,而不会在history中留下记录
3、替换url使用:
window.history.replaceState(
null,
null,
window.location.hash.split('?')[0] + '?activeName=' + val.name
)
4、页面初始化判断,应用:
if (this.$route.query && this.$route.query.activeName) {
this.activeName = this.$route.query.activeName
}