uniapp 跳转页面传值(对象)

最新推荐文章于 2025-03-27 01:25:04 发布

陌寒1024

最新推荐文章于 2025-03-27 01:25:04 发布

阅读量3k

点赞数 3

分类专栏： uniapp 文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/qq_45729353/article/details/120524147

版权

uniapp 专栏收录该内容

8 篇文章

订阅专栏

当URL长度超过限制导致传值失败时，可以采用窗体通信、全局变量或encodeURIComponent等方法。例如，使用Vue.js中<navigator>组件，通过encodeURIComponent将对象转化为字符串传递，然后在目标页面decodeURIComponent解析。在navigate.vue页面，通过onLoad函数接收并解析参数，确保数据传递的准确性。程序员需要面对单调的编程生活，更需要关心和友情。

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

跳转页面传值(对象)

url有长度限制，太长的字符串会传递失败，可使用窗体通信、全局变量，或encodeURIComponent等多种方式解决

传值
<navigator :url="'/pages/navigate/navigate?item='+ encodeURIComponent(JSON.stringify(item))"></navigator>
接收值
// navigate.vue页面接受参数
onLoad: function (option) {
    const item = JSON.parse(decodeURIComponent(option.item));
}

结束:
编程是一种单调的生活，因此程序员比普通人需要更多的关怀，更多的友情