博客

window的方法

1、直接的事件跳转

window.location.href="你所要跳转的页面";

这种的一般都是绝对地址 window.location.href=“https://www.baidu.com/”;

2、打开新页面跳转(带参)

    let routeUrl = this.$router.resolve({
            path: `/TrackDetail/${pol}/${referenceno}/${carriercd}`,  //此处也可以路由携带传参
                   query: {
                        // query:JSON.stringify(query) //携带的参数
                    }
                });
    window.open(routeUrl.href, '_blank'); //在新窗口显示目标网页
	window.open(routeUrl.href, '__self'); //在当前窗口显示目标网页

接收的地方 that.$route.params 对象就是你路由带过来的值

3、返回上一页

window.history.back(-1); 相当于浏览器的返回上一页

4、关闭窗口

直接关闭窗口

window.close();   //关闭本窗口

关闭新建的窗口

var mywin=window.open('https://www.baidu.com/'); //将新打的窗口对象，存储在变量mywin中
mywin.close();

Vue页面跳转

1、标签跳转

<router-link to='two.html'><button>点我到第二个页面</button></router-link>

to直接到你要去的页面

2、push replace方法

this.$router.push({ path: `/TrackDetail/${pol}/${referenceno}/${carriercd}`  }) 

相当于往路由里添加了一个路由，这种容易照成路由堆积导致页面卡顿

this.$router.replace({ path: `/TrackDetail/${pol}/${referenceno}/${carriercd}` })

相当于替换当前页面

3、返回上一页

this.$router.go(-1)  相当于浏览器的返回上一页

push replace 方法可以指定跳到上一页的地址