美文网首页
2020-11-24 Vue路由

2020-11-24 Vue路由

作者: 淡_eed8 | 来源:发表于2020-11-24 16:09 被阅读0次

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

相关文章

网友评论

      本文标题:2020-11-24 Vue路由

      本文链接:https://www.haomeiwen.com/subject/aoiiiktx.html