vue-router传json数据刷新消失

最新推荐文章于 2024-04-23 14:13:43 发布

原创最新推荐文章于 2024-04-23 14:13:43 发布 · 813 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了在前端应用中如何使用JSON.stringify()方法将数据转换为字符串格式进行路由传参，以及如何通过JSON.parse()方法在接收端正确解析这些参数。特别强调了当数据包含特殊字符时的处理技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.传时需JSON.stringify()

this.$router.push({
          name: 'HistoricalAchievement',
          params: {
            HistoricalAchievement: JSON.stringify(this.data)
            //HistoricalAchievement: JSON.stringify(this.data).replace(/%/g, '%25')
            //如果json数据中含有%，需用replace(/%/g, '%25')
          }
        })

2.接收需JSON.parse()

JSON.parse(this.$route.params.HistoricalAchievement)
//JSON.parse(this.$route.params.HistoricalAchievement.replace(/%25/g, '%'))
//如果传的时候用了replace(/%/g, '%25')，接收时用replace(/%25/g, '%')