vue 新窗口打开页面

vue中新窗口打开页面通常有两种方式:
1. 标签
打开新窗口

tag="a" target="_blank"这两个标签需要同时使用

2. 编程式导航方法

下面中的openDetails方法

 openAllPreview(){
     const{ href } = this.$router.resolve({
           name:'openDetails',
      });
     window.open(href,'_blank');
 }

借助 router 示例的方法,使用 $router.resolve 获取地址,再通过open 方法打开新窗口.
另外,也可以根据需求加载窗口样式;

window.open(href, '_blank', 'width=800, height=600')

你可能感兴趣的:(vue 新窗口打开页面)