当前位置: 首页 > news >正文

《逻辑006:页面跳转并传参》

描述:在开发小程序过程中,发现一些不错的案例,平时使用也比较多,稍微总结了下经验,以下内容可以直接复制使用,希望对大家有所帮助,废话不多说直接上干货!

一、页面跳转并传参

点击一个view跳转到另一个页面,并将当前view的index索引传入到详情页面,详情页面并使用。用代码实现

<!-- index.wxml -->
<view data-index="{{index}}" bindtap="goToDetail">点击跳转到详情页</view>
// index.js
Page({goToDetail: function(event) {var index = event.currentTarget.dataset.index; // 获取当前view的index索引wx.navigateTo({url: '/pages/detail/detail?index=' + index // 跳转到详情页并传递index参数})}
})//方法1:使用的是page类型,detail.js
Page({onLoad: function(options) {var index = options.index; // 获取传入的index参数// 在这里使用传入的index参数}
})//方法2:使用的是Component类型,detail.jsComponent({//组件的属性列表properties: {},//组件的初始数据data: {},pageLifetimes: {show: function () {var index = this.index; // 获取传入的index参数},}})//方法3:首次加载方法
Component({lifetimes: {attached: function() {// 组件首次加载时执行的操作console.log('Component attached');}},methods: {// 其他方法}
});

相关文章:

  • 麻省理工学院 - MIT - 线性代数学习笔记
  • 【linux】服务器安装NVIDIA驱动
  • 【React笔记初学总结一】React新手的学习流程笔记总结,掰开了揉碎了,下载安装基础结构学习
  • Nginx系列-8 allow与deny和error_page使用介绍
  • 达梦数据库(一)mysql2dm
  • Nvidia Isaac Sim代码编程 入门教程 2024(7)
  • HarmonyOS根据官网写案列~ArkTs从简单地页面开始
  • Spring中的IOC详解
  • docker安装指导
  • 【Day12】登录认证、异常处理
  • 基于JAVA+SpringBoot+Vue+uniapp的微信小程序点餐平台
  • C++案例三:猜数字游戏
  • 【QT】窗口|菜单栏|菜单项|工具栏|状态栏|浮动窗口
  • 详解Redis源码中的设计模式及设计思想
  • 【Apache Doris】周FAQ集锦:第 15 期
  • ES6指北【2】—— 箭头函数
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • 实现windows 窗体的自己画,网上摘抄的,学习了
  • 【108天】Java——《Head First Java》笔记(第1-4章)
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • Docker下部署自己的LNMP工作环境
  • ESLint简单操作
  • JavaScript 奇技淫巧
  • Js基础——数据类型之Null和Undefined
  • MySQL常见的两种存储引擎:MyISAM与InnoDB的爱恨情仇
  • Objective-C 中关联引用的概念
  • PhantomJS 安装
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • 高性能JavaScript阅读简记(三)
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 盘点那些不知名却常用的 Git 操作
  • 让你的分享飞起来——极光推出社会化分享组件
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 1.Ext JS 建立web开发工程
  • Play Store发现SimBad恶意软件,1.5亿Android用户成受害者 ...
  • ​sqlite3 --- SQLite 数据库 DB-API 2.0 接口模块​
  • !!Dom4j 学习笔记
  • ######## golang各章节终篇索引 ########
  • %@ page import=%的用法
  • (33)STM32——485实验笔记
  • (笔记)M1使用hombrew安装qemu
  • (带教程)商业版SEO关键词按天计费系统:关键词排名优化、代理服务、手机自适应及搭建教程
  • (二十四)Flask之flask-session组件
  • (附源码)ssm高校社团管理系统 毕业设计 234162
  • (过滤器)Filter和(监听器)listener
  • (转)visual stdio 书签功能介绍
  • .dwp和.webpart的区别
  • .gitattributes 文件
  • .NET Compact Framework 多线程环境下的UI异步刷新
  • .NET Core工程编译事件$(TargetDir)变量为空引发的思考
  • .NET/C# 中设置当发生某个特定异常时进入断点(不借助 Visual Studio 的纯代码实现)
  • .NET/MSBuild 中的发布路径在哪里呢?如何在扩展编译的时候修改发布路径中的文件呢?
  • .netcore如何运行环境安装到Linux服务器
  • .NET的微型Web框架 Nancy