美文网首页
vue 路由打开一个新的窗口

vue 路由打开一个新的窗口

作者: c6e71129966d | 来源:发表于2019-08-16 15:15 被阅读0次

    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');

    相关文章

      网友评论

          本文标题:vue 路由打开一个新的窗口

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