json数据被异常分割的 url传值的大坑 解决办法

---

欢迎关注 『发现你走远了』 博客，持续更新中
欢迎关注 『发现你走远了』 博客，持续更新中

错因表现

父页面url传值方式

uni.navigateTo({
	url: `/pages/index/index?title=${title}&content=${content}`
})

子页面接受方式

onLoad(option) {
this.title=option.title
this.content=option.content
}

错误的解析结果

{
    "title": "测试转义字符",
    "content": "<p>1212",
    "gt;12</p><p>121": "",
    "amp;12</p><p>12测试转义字符</p>": ""
}

预期的解析结果

{
    "title": "测试转义字符",
    "content": "<p>1212&gt;12</p><p>121&amp;12</p><p>12测试转义字符</p>"
}

---

错因分析

因为我这边是富文本,一开始以为是富文本的转义字符导致json解析错误,排查了半天,还想修改富文本组件,后来发现json解析的值正确的,是url传值的问题

因为url传值需要用到& 这个和转义字符的 & 冲突了,导致出现了问题,option得到的参数就不正常解析了

---

解决方式

用别的非url传值即可

我是uniapp 就用了vuex

---

总结

大家喜欢的话，给个👍，点个关注！给大家分享更多计算机专业学生的求学之路！

版权声明：

发现你走远了@mzh原创作品，转载必须标注原文链接

Copyright 2022 mzh

Crated：2022-2-1

欢迎关注 『发现你走远了』 博客，持续更新中
欢迎关注 『发现你走远了』 博客，持续更新中

---