码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【小程序】uni-app 页面的传参和接参


    值得一提的是小程序只能使用字符串的方式进行传递,不像vue的路由传参。至于为什么要这样,这就需要看文档怎么说了。

    1.传参

    注意:传递参数只能以 ?key=value&key=value 方式传递

    1.  <navigator
    2.    v-for="item2 in item.children"
    3.    :key="item2.cat_id"
    4.    :url="`/pages/goods_detail/goods_detail?goods_id=${item2.cat_id}`"
    5.  >
    6.      <!-- 在起始页面跳转到goods_detail.vue页面并传递参数 -->
    7.  </navigator>

    2.接收参数

    使用 onLoad() 钩子函数来接收

    1.  onLoad(query){
    2.      console.log("接收参数",query); // query 就是传递过来的参数
    3.  }

    3.复杂数据传递和接收

    小程序只能以 字符串的方式进行传递和接收,那么复杂类型对象和数组怎么传呢?

    可以使用 encodeURIComponent 和 decodeURIComponent ,并解码编码配置 json格式来进行。

    encodeURIComponent()  函数可把字符串作为 URI 组件进行编码。

    注意 不转义的字符:     A-Z a-z 0-9 - _ . ! ~ * ' ( )

    decodeURIComponent()  函数可对 encodeURIComponent() 函数编码的 URI 进行解码。

    传递参数

    1.  goData(){
    2.   const obj = {
    3.   name:'jack',
    4.   id:1
    5.   }
    6.   const arr = [1,2,'asdasd']
    7.   // 进行编码并转换 json格式    
    8.   const list = encodeURIComponent(JSON.stringify(arr))
    9.      // 跳转传参
    10.   uni.navigateTo({ url: '/pages/goods_detail/goods_detail?list='+list })
    11.  }

    接收参数

    1.  onLoad(query){
    2.      // 进行解码并 json格式转复杂类型
    3.      const res = JSON.parse(decodeURIComponent(query.list))
    4.      console.log("接收参数",res);
    5.  }

  • 相关阅读:
    记一次生产jvm oom问题
    [C++]Leetcode17电话号码的字母组合
    HP E1406A 端子模块
    uniapp开启微信支付、支付宝支付 + Android Studio离线打包APK文件 (前端部分)
    【网络协议】OSPF
    Spring5源码3-BeanDefinition
    微型神经网络库MicroGrad-基于标量自动微分的类pytorch接口的深度学习框架
    PAT 乙级 1052 卖个萌 python
    transformer系列1---Attention Is All You Need全文详细翻译
    渲染噪点多怎么解决?渲染噪点多的原因及处理方法
  • 原文地址:https://blog.csdn.net/m0_55960697/article/details/125453218
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号