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

uniapp 实现带参数跳转页面

2024-04-19 87
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
目录
相关文章
wscwdie
|
4月前
|
JavaScript 数据安全/隐私保护 UED
UniApp 中的路由魔法：玩转页面导航与跳转
UniApp 中的路由魔法：玩转页面导航与跳转
wscwdie
1283 3
小王老师呀
|
15天前
|
API
uniapp使用路由名称跳转
【9月更文挑战第11天】在UniApp中，可通过定义路由名称实现页面跳转，需在`pages.json`中设置页面的`name`属性。使用`uni.navigateTo`等API并指定名称即可跳转，例如`name: &#39;detailPage&#39;`。目标页面可在`onLoad`函数中获取传递的参数，这种方式使代码更清晰且便于维护，尤其适合大型项目。
小王老师呀
30 1
肥晨
|
2月前
|
移动开发 前端开发 小程序
uniapp内置组件uni.navigateTo跳转后页面空白问题解决
【7月更文挑战第1天】uniapp内置组件uni.navigateTo跳转后页面空白问题解决
肥晨
69 4
朝阳39
|
2月前
|
小程序 UED
uniapp 添加分包页面，配置分包预下载
uniapp 添加分包页面，配置分包预下载
朝阳39
47 2
G佳伟
|
2月前
|
小程序
uniapp如何隐藏默认的页面头部导航栏，uniapp开发小程序如何隐藏默认的页面头部导航栏
uniapp如何隐藏默认的页面头部导航栏，uniapp开发小程序如何隐藏默认的页面头部导航栏
G佳伟
283 0
球球不吃虾
|
4月前
|
JavaScript 前端开发 小程序
uniapp中nvue页面如何全屏，map组件如何全屏？
uniapp中nvue页面如何全屏，map组件如何全屏？
球球不吃虾
219 3
宁波阿成.
|
4月前
|
移动开发 小程序 Android开发
基于jeecgboot的flowable为uniapp适配的流程页面调整
基于jeecgboot的flowable为uniapp适配的流程页面调整
宁波阿成.
116 0
八音盒coding
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
八音盒coding
91 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
39 7
小蜗牛耶
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
60 7

热门文章

最新文章

  • 1
    uniapp配置去掉友盟无法打包，提示配置错误如何解决
  • 2
    uniapp-uni.scanCode调用扫一扫功能（整理）
  • 3
    uniapp中uview组件库的DatetimePicker 选择器的用法
  • 4
    uniapp本地存储的几种方式
  • 5
    【uniapp小程序】—— APP项目云打包（安卓）
  • 6
    uniapp配置element-ui代码块
  • 7
    uniapp 里 onshow 接收不到参数如何解决？
  • 8
    uniapp中uview组件库的Input 输入框 的使用方法
  • 9
    【笔记01】在 uniapp 安装 uview-ui
  • 10
    uniapp中uview组件库中丰富的Picker 选择器用法
  • 1
    UniApp状态管理：从深入理解到灵活运用
    121
  • 2
    UniApp 中的路由魔法：玩转页面导航与跳转
    1283
  • 3
    UniApp 项目中的生命周期详解：从诞生到逝去
    197
  • 4
    从零开始：UniApp 项目搭建指南
    120
  • 5
    uniapp框架——vue3+uniFilePicker+fastapi实现文件上传(搭建ai项目第二步)
    256
  • 6
    uniapp框架——初始化vue3项目(搭建ai项目第一步)
    119
  • 7
    云效产品使用报错问题之流水线发布uniapp的应用失败如何解决
    687
  • 8
    基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
    103
  • 9
    基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
    101
  • 10
    基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
    67

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    使用OSS上传下载文件