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

uniapp 实现带参数跳转页面

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

热门文章

最新文章

  • 1
    uniapp （vue3）生成二维码
  • 2
    uniapp登录拦截器
  • 3
    基于uniapp的学生(选课)成绩小程序
  • 4
    uniapp 地图组件（map）的使用总结
  • 5
    uniapp获取用户头像、昵称
  • 6
    uniapp Android 原生插件开发（Module 扩展为例·2022）（二）
  • 7
    [保姆级教程]uniapp实现底部导航栏
  • 8
    uniapp 解决H5跨域的问题
  • 9
    uniapp中uview组件库中丰富的LineProgress 线形进度条 的使用方法
  • 10
    uniapp 微信语音播放功能（整理）
  • 1
    uniapp发布快应用失败报错Error: ENOENT: no such file or directory以及hap-chimera-toolkit问题优雅草卓伊凡
    477
  • 2
    开源im聊天源码/Uniapp即时通讯源码社交聊天系统下载+视频搭建教程
    1209
  • 3
    ThinkPHP在线客服系统源码_可视化开源在线网页客服聊天系统源码uniapp
    570
  • 4
    uniapp发行快应用 [HBuilder] 23:33:45.537 manifest.json->quickapp-webview 缺少 icon 配置如何解决优雅草卓伊凡
    117
  • 5
    全开源在线客服系统源码搭建指南|uniapp网页在线客服系统源码PHP
    678
  • 6
    基于WebSocket即时通讯im源码| uniapp即时通讯源码| 私有化部署SDK视频安装教程
    279
  • 7
    Uniapp开发鸿蒙购物应用教程之商品列表
    173
  • 8
    Uniapp开发鸿蒙购物项目教程之样式选择器
    109
  • 9
    Uniapp开发鸿蒙应用教程之选项式api和组合式api
    115
  • 10
    Uniapp开发鸿蒙应用教程之自定义导航栏
    259

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云oss简介和如何对接使用