vue参数跳转会乱码？

Question

A跳B跳C

A页面代码：

toCity(row){
    uni.navigateTo({
        url:`/pages/city/list?areaId=${row._id}&areaName=${row.areaName}`
    });
},

B页面代码：

toAdd(){
    uni.navigateTo({
        url:`/pages/city/add?areaId=${this.$route.query.areaId}}&areaName=${this.$route.query.areaName}`
    });
},

b页面参数是正常显示的，如下

怎么到了C页面就出现编码到问题了呢？

Answer 1

不是乱码，这是 URL 编码。因为你多了一个 }。

Answer 2

decodeURIComponent('%7D')结果是个括号}
你看见没多了个}

${this.$route.query.areaId}}

Answer 3

多了个}