Vue 点击事件打开新窗口传递参数,新页面接受参数

html 代码

点击事件

js  代码

openDetail(e) {
      let routeData = this.$router.resolve({
        path: "/detail",
        query: {id: e}
      });
      window.open(routeData.href, '_blank');
    }

详情页接受参数

created() {
    this.init();
},
methods: {
	init() {
      this.id = this.$route.query.id;
      this.getDetail(this.id)
    },
    getDetail(id) {
      this.$axios.get(server.url + "dj/detail/" + id, {}).then(res => {
        console.log(res.data.data);
        this.ly = res.data.data.ly
        this.detailData = res.data.data
      })
    }
}

用 a 链接传参方式

接受参数

const couponId = this.$route.query.id

 

你可能感兴趣的:(Vue,vue)