vue 路由跳转,参数消失问题

vue 路由跳转,参数消失问题

1. 参数传递页面:这种方式页面刷新参数丢失。

// 点击跳转详情页面

   toDetail(){
        this.$router.push({
            name:"newsDetail",
            params:{content:item}//传递过去的参数
        })
    }

页面取参数 :this.$route.params.comtent

2. 刷新参数不会丢失

this.$router.push({
      path: "/newsDetail",
      query: {
        content: JSON.stringify(item),
      },
    });

页面取参数 :this.$route.query.comtent // 此处使用时应用JSON.parse转换参数

3. 参数不会丢失

路由配置

  {
      path: "workDetail/:id",
      name: "WorkDetail",
      component: () => import("@/page/workDetail")
 }

页面跳转事件

  getDetail(id) {
      this.$router.push("/workDetail/" + id);
    },

取参: this.$route.params.id

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值