vue路由新窗口跳转

最新推荐文章于 2024-07-03 16:34:06 发布

Huang_John

最新推荐文章于 2024-07-03 16:34:06 发布

阅读量255

点赞数

分类专栏： Vue.js 文章标签： vue

本文链接：https://blog.csdn.net/Huang_John/article/details/117251739

版权

Vue.js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

带参数跳转打开新窗口

isService(val) {
    const params = { id: val };
     let routeData = this.$router.resolve({
       path: `/details/${val}`,
       query: params
     });
     window.open(routeData.location.path, "_blank");
   }

新窗口接收参数

created() {
    if (this.$route.params) {
      this.active = this.$route.params.id;
      this.init();
    }
  },
  watch: {
    $route(to, from) {
      //监听路由是否变化
      if (to.params.id != from.params.id) {
        this.active = to.params.id;
        this.init();//重新加载数据
      }
    }
  },