美文网首页Vue
vue打开新窗口的两种方式

vue打开新窗口的两种方式

作者: 陶菇凉 | 来源:发表于2021-03-06 17:42 被阅读0次

1.使用路由跳转,绑定target="_blank"

    <router-link target="_blank" :to="{path:'/pdf/download',params:{id:'8'}}">
            <el-button type="primary">
                Click to download PDF
            </el-button>
        </router-link>

2.写点击事件

go(){
    const routeData = this.$router.resolve({
           path: '/pdf/download',
           query:{
            id:id
           }
         });
         window.open(routeData.href, '_blank');
    }

注意:若只是简单的打开新窗口页面,两种皆可以,但是如果新页面是打印pdf的页面,则第二种,打开新页面之后,打印窗口不关闭,当前页面不能点击操作。

相关文章

  • vue打开新窗口的两种方式

    1.使用路由跳转,绑定target="_blank" 2.写点击事件 注意:若只是简单的打开新窗口页面,两种皆可以...

  • BOM

    open(url,打开方式)新窗口打开空白页//open(地址默认是空白页面,打开方式默认新窗口) 打开一个新窗口...

  • vue打开新窗口

    使用场景 打开新的窗口且需要传递参数 打开新的窗口后调用接口时,需要使用拦截器中配置的 Request Heade...

  • VUE 新窗口打开

    一. 标签实现新窗口打开: 官方文档中说 v-link 指令被 组件指令替代,且 不支持 target=”_bla...

  • vue打开新窗口

    //在vue中使用 this.router.push({path:'/questionDetail',query:...

  • a标签

    新窗口打开 新窗口打开

  • vue跳转打开新窗口

  • 编程练习

    制作新按钮,“新窗口打开网站” ,点击打开新窗口。 任务 1、新窗口打开时弹出确认框,是否打开 提示:使用 if ...

  • vue-router 打开新窗口

  • vue页面内打开新窗口

    lethref=‘’; window.open(href,'_blank','toolbar=yes,width=...

网友评论

    本文标题:vue打开新窗口的两种方式

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