VUE3（二十一）vue-router 在新窗口打開頁面的功能

新窗口打開標簽頁這個功能在html中還是很簡單的。添加Target=”__blank”就好。

但是在vue中怎么實現呢？

其實很簡單：

VUE2：

const { href } = this.$router.resolve({
        name: `print_schedule`,
        params: {
          id: id
        }
      });
      window.open(href, "_blank");

VUE3：

const router = useRouter();
const { href } = router.resolve({
                path: '/pc/articleDetail',
                query: {
                    article_id: utils.encryptCode({ 'article_id': article_id })
                }
            });
            window.open(href, "_blank");

上邊大概展示了其在VUE2和VUE3中使用的方法。

有好的建議，請在下方輸入你的評論。

歡迎訪問個人博客
https://guanchao.site

歡迎訪問小程序：