uni-app通过uni.navigateTo传递参数失败？需要通过encodeURIComponent编码接收再decodeURIComponent解码

做毕设的时候遇到这么个问题。利用uni.navigateTo跳转页面并带参数，该如何操作？

1.一开始我是直接传递参数的，但发现传过去的东西并不是我想要的，如图：

通过点击触发方法并传递参数，我这里的参数的格式为json格式。

这个传递的格式属于x-www-form-urlencode格式，即请求路径带参数

这个是我上面跳转过来的页面shopdetial接收的数据为这个东西，我也不知道是啥玩意，但肯定不是我想要的数据：

2.于是我找了一些相关的资料，发现，要用 encodeURIComponent 将数据编码后再用 decodeURIComponent 这个东西解码，就可以得到我想要的数据了。

详细看图的解释就好了。按我的理解，就是要用 encodeURIComponent 这个东西把数据编程浏览器看得懂的东西才能传过去吧，这个我也不好说，有对这些比较了解的伙伴， 欢迎纠错！！
这是跳转过来的页面 shopdetial 接收参数得到的参数效果：

写的不是很好，主要是提醒大家，如果传不了值，记得加上编码encodeURIComponent与解码decodeURIComponent。欢迎更了解这方面的朋友们纠错，一同成长哦。