vue 路由打开一个新的窗口

2019-08-16  本文已影响0人  c6e71129966d

2019年8月16日,图像显示,需要分屏,所以需要打开一个新的窗口。(blank)

1.router-link标签

router-link 不支持target=_blank属性,如想实现打开一个新标签页,必须使用a标签。

但是想使用router-link 打开一个新的窗口子也是可以的, 使用tag属性。具有tag属性的router-link会被渲染成响应的标签。

不厉害的写法 厉害的写法

<router-link tag="a" target="_blank" to="/about">新品</router-link>

router-link 属性解释router-link属性解释

2.编程导航

    vue2.0  router.go 和router.push不支持新窗口打开的属性,可用新的方式router.resolve

        let routeData = this.$router.resolve({

              path: "/about",

              query: {

                    name:'lei',

                    age: 18,

              }

            });

        window.open(routeData.href, '_blank');

上一篇下一篇

猜你喜欢

热点阅读