Vue.js写项目时需要弹出新窗口,并且新窗口可以独立刷新黑科技

Vue.js本来是为了编写单页项目而由尤大大发明出来的,宗旨是在同一页进行整个项目的编写,而利器就是局部路由跳转,通过路由跳转模拟新窗口的打开,name如果要在单页项目中需要重新打开一个新的弹出页面如何搞呢,并且新页面需要满足独立的一套路由,还要与远路由入口相关联。同时保持两个页面都可以独立刷新,这里就用到了丰富的地址栏操作大法,并没有任何安全性危险:

原路由    /main

子路由   /First

现在要由子路由跳转到一个新窗口,满足以上条件,

我们可以这么搞:

window.open("./?from=ins#/linkCx")

那么在linkCx页面如何搞呢,我们可以这么搞:


要保持独立刷新,我们可以在app.vue中这么来搞:

{ if (location.hash.indexOf("linkCx") > 0) {
                    this.$router.push("/linkCx");
                } else this.$router.push("/main");

通过location.hash属性来判断当前路由在哪里,进行区分,刷新的时候就会自动判断跳到  /linkCx  还是 /main,这样就搞定了。

你可能感兴趣的:(vue.js,科技,前端)