Vue

vue打开新窗口的两种方式

2021-03-06  本文已影响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的页面,则第二种,打开新页面之后,打印窗口不关闭,当前页面不能点击操作。

上一篇 下一篇

猜你喜欢

热点阅读