使用$router.push携带参数进行页面跳转

最新推荐文章于 2024-08-01 14:19:20 发布

Simplicity438

最新推荐文章于 2024-08-01 14:19:20 发布

阅读量1.3k

点赞数 1

分类专栏： vue组件基础文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_55966654/article/details/121340429

版权

vue组件基础专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在这里插入图片描述
点击详情后跳转到另一个页面，要求携带当前的id

实现：使用router.push进行跳转，拼接id

    // 详情按钮
    clickProductInfoButt (id) {
      // console.log(111)
      this.$router.push('/manage_products/product_info?id=' + id)
    }

在另一个页面里的created中去获取该id
尝试渲染一个图片

data () {
    return {
      id: '',  //传入的id
      imgUrl: '',
    }
  },
created () {
    if (this.$route.query.id != undefined) {
      this.id = this.$route.query.id
    }
    this.productInfo()
  },
  methods: {
    productInfo () {
      var that = this;
      getBigProductInfo({ token: getToken(), id: that.id }).then(res => {
        console.log(res)
        that.imgUrl = res.img
      })
    }
  }