美文网首页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打开新窗口的两种方式

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