AI 助理
备案控制台
开发者社区 云计算 文章 正文

uniapp 实现带参数跳转页面

2024-04-19 111
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： uniapp 实现带参数跳转页面


带参数跳转页面实现

1. 触发跳转事件

<view @click="click1">
  <view>跳转</view>
</view>

2. 跳转事件方法

click1() {
  uni.navigateTo({
    url: '/xxx/xxx/xxx?id=' + this.id,
  })
}

3. 跳转页面接收参数

onLoad(option) {
  if (option.id != null) {
    this.id = option.id
  }
},
关键词：
uniapp跳转页面
uniapp参数跳转页面
xiaohua616
目录
相关文章
小王老师呀
|
3月前
|
API
uniapp使用路由名称跳转
【9月更文挑战第11天】在UniApp中，可通过定义路由名称实现页面跳转，需在`pages.json`中设置页面的`name`属性。使用`uni.navigateTo`等API并指定名称即可跳转，例如`name: &#39;detailPage&#39;`。目标页面可在`onLoad`函数中获取传递的参数，这种方式使代码更清晰且便于维护，尤其适合大型项目。
小王老师呀
112 1
diygwcom
|
2月前
|
数据可视化 API
低代码可视化-uniapp购物车页面-代码生成器
低代码可视化-uniapp购物车页面-代码生成器
diygwcom
67 1
肥晨
|
5月前
|
移动开发 前端开发 小程序
uniapp内置组件uni.navigateTo跳转后页面空白问题解决
【7月更文挑战第1天】uniapp内置组件uni.navigateTo跳转后页面空白问题解决
肥晨
159 4
朝阳39
|
5月前
|
小程序 UED
uniapp 添加分包页面，配置分包预下载
uniapp 添加分包页面，配置分包预下载
朝阳39
110 2
G佳伟
|
5月前
|
小程序
uniapp如何隐藏默认的页面头部导航栏，uniapp开发小程序如何隐藏默认的页面头部导航栏
uniapp如何隐藏默认的页面头部导航栏，uniapp开发小程序如何隐藏默认的页面头部导航栏
G佳伟
690 0
球球不吃虾
|
7月前
|
JavaScript 前端开发 小程序
uniapp中nvue页面如何全屏，map组件如何全屏？
uniapp中nvue页面如何全屏，map组件如何全屏？
球球不吃虾
402 3
宁波阿成.
|
7月前
|
移动开发 小程序 Android开发
基于jeecgboot的flowable为uniapp适配的流程页面调整
基于jeecgboot的flowable为uniapp适配的流程页面调整
宁波阿成.
169 0
八音盒coding
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
八音盒coding
138 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
79 7
小蜗牛耶
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
93 7

热门文章

最新文章

  • 1
    全新uniapp小说漫画APP小说源码/会员阅读/月票功能
  • 2
    uniapp开发鸿蒙，是前端新出路吗？
  • 3
    uniapp开发，前后端分离的陪玩系统优势，陪玩app功能特点，线上聊天线下陪玩，只要4800
  • 4
    做一款校园二手交友找搭子跑腿陪玩圈子系统综合性圈子系统/搭建圈子论坛系统/校园圈子论坛系统-自带校园跑腿功能/基于uniapp的校园圈子系统
  • 5
    基于.NET8 + Vue/UniApp前后端分离的快速开发框架，开箱即用！
  • 6
    uniapp优缺点
  • 7
    uniapp优缺点
  • 8
    低代码可视化-Uniapp Cascader级联选择器-代码生成器
  • 9
    低代码可视化-uniapp SliderRange区间组件-代码生成器
  • 10
    uni app下开发AI运动小程序解决方案
  • 1
    【Uniapp 专栏】Uniapp 的状态管理功能深度解析
    357
  • 2
    【Uniapp 专栏】从案例看 Uniapp 在物联网应用中的运用
    368
  • 3
    【Uniapp 专栏】Uniapp 打造的音乐类应用案例剖析
    118
  • 4
    【Uniapp 专栏】通过 Uniapp 构建移动办公应用案例分享
    159
  • 5
    【Uniapp 专栏】Uniapp 在社交应用开发中的案例研究
    124
  • 6
    【Uniapp 专栏】基于 Uniapp 的电商应用开发案例解析
    219
  • 7
    【Uniapp 专栏】Uniapp 与后端接口对接的实战要点
    701
  • 8
    【Uniapp 专栏】在 Uniapp 中实现复杂交互的实战技巧
    129
  • 9
    【Uniapp 专栏】Uniapp 项目中路由管理的实战经验分享
    265
  • 10
    【Uniapp 专栏】实用的 Uniapp 性能优化实战策略
    309

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)