vue路由打開一個新的窗口

簡單說一下vue路由如何打開一個新的窗口

1.router-link標籤

在vue的官方文檔中

看到這你們應該會想，既然router-link不支持target="_blank"屬性，那咱們該怎麼用router-link打開一個新的窗口呢？別急，繼續往下看~

文檔中還有一處描述

router-link添加tag="li"屬性後，竟然能夠變成li標籤渲染出來，真特麼神奇哈，那可不能夠寫成tag="a",從而去替代a標籤呢？咱們嘗試着寫一哈

<router-link tag="a" target="_blank" to="/about">新品</router-link>
複製代碼

2.編程導航

上圖是官網的最新說法，vue2.0之後router.go和router.push就不支持新窗口打開的屬性了，如今用一種新的方式router.resolve

let routeData = this.$router.resolve({
  path: "/about",
  query: {
    name:'lei',
    age: 18,
    phoneNum:12345678901 
  }
});
window.open(routeData.href, '_blank');
複製代碼

個人我的博客:pinbolei.cn