vue-router 在新窗口打開頁面的功能


Problem:在vue項目中突然接收到一個需要新開頁面的功能

通過看了vue-router,實現這個功能也是可以,詳情如下:

1.通過<router-link>標簽實現新窗口打開

<router-link
        target="_blank"
        :to="{ path:'/details', query: { id:'1' } }">詳情</router-link>

2.通過Function進行導航

methods: {
  goDetails (id) {
      const { href } = this.$router.resolve({
        path: `/details`,
        params: {
          id: id
        }
      });
      window.open(href, "_blank");
  } 
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM