位置: 编程技术 - 正文

微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法(微信小程序页面滚动)

编辑:rootadmin

推荐整理分享微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法(微信小程序页面滚动),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信小程序页面设计模板,怎么进入微信小程序页面,微信小程序页面生命周期函数,微信小程序页面滚动,微信小程序页面显示不全,微信小程序页面生命周期函数,微信小程序页面滚动,微信小程序页面跳转方式,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法。分享给大家供大家参考,具体如下:

很多项目都会有消息记录页,即列表页,紧接着就是点击列表的某一项进入到消息的详情页,这里承接上一篇文章,继续分享如何从列表的item项跳转到下一个页面。

一、效果图

从左边的列表页调到右边的详情页

二、页面之间的跳转

首先要看的是页面的跳转,微信小程序有三种跳转方式可供选择:

1、保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法(微信小程序页面滚动)

2、关闭当前页面,跳转到应用内的某个页面。

3、跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

注:wx.navigateBack(OBJECT)关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。

三、从列表item项跳转到下一个页面

第一步,渲染列表,在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item

第二步,使用wx:key为列表中的项目绑定标识符

第三步,为每一个item对应的链接传递相应的参数,在布局页面使用navigator导航组件,指定url并为每一个item对应的链接传递相应的参数,在URL后面跟上&#;以及键值就行,多个参数用&连接,例如:

四、demo源码

希望本文所述对大家微信小程序设计有所帮助。

javascript字体颜色控件的开发 JS实现字体控制 我们在用JS写程序的时候,经常会遇到像在程序中直接控制字体的大小颜色等基本信息,尤其的在后台方便,小编测试用javascript写了一个这个控件,喜

JavaScript实现修改伪类样式 项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式,但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的

Vim快速合并行及vim 将文件所有行合并到一行 VIM(Unix及类Unix系统文本编辑器)Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性。VIM是自由软件

标签: 微信小程序页面滚动

本文链接地址:https://www.jiuchutong.com/biancheng/369879.html 转载请保留说明!

上一篇:让bootstrap的carousel支持滑动滚屏的实现代码(bootstrap怎么用)

下一篇:javascript字体颜色控件的开发 JS实现字体控制(JavaScript字体颜色)

  • 所得税税负率的计算公式中营业收入含不含税
  • 简易计税差额抵扣
  • 企业办理银行承兑汇票的手续费用应计入什么账户
  • 发票遗失如何入账
  • 企业转让固定资产使用权的收益应当属于
  • 金税平台开具增值税发票
  • 纳税申报现金流量表报错了可以重新申报吗
  • 无形资产出售收入属于营业收入吗
  • 支付给对方的押金
  • 营改增后企业出售使用过的旧车
  • 付出的房屋押金可以退吗
  • 计提坏账准备,坏账准备是增加还是减少
  • 公司开出的经济补偿金可以税前扣除吗
  • 退免税指的是增值税还是消费税?
  • 污水处理厂税收风险
  • 股权转让个人所得税会计分录
  • 财产租赁所得适用什么税率
  • 今年交上年税审核要多久
  • 固定资产进项发票怎么开
  • 资产负债表本期盈余是负数怎么办
  • 物流公司进项票多了,可以帮人开票吗
  • 土地开垦费怎么征收
  • 其他综合收益会计科目编码
  • 集团公司股份
  • win10系统更新出现错误代码
  • win10开机启动项怎么删除
  • 以报销形式发放的工资 劳动仲裁
  • vben admin框架怎么实现上传文件时拿到文件参数
  • 股权转让分期付款协议
  • 公司的利润交税之前不可能叫做什么
  • 违反发票管理的处罚
  • 加计扣除账务处理
  • 建筑业预缴增值税
  • 营业外支出会计准则
  • 增值税专用发票怎么开
  • php数组函数面试题
  • 待抵扣进项税在贷方什么意思
  • 会计等式反映了六大会计要素的恒等关系
  • threejs怎么用
  • 技术部周报怎么写
  • php微信公众账号是什么
  • 职工教育经费能结转几年
  • 小规模纳税人每月不超过10万
  • 涉税金额是指金额还是税额
  • python导入模块的本质
  • 消费税为什么要除以1减税率推导公式
  • 未达起征点销售额怎么填申报表
  • 公司没有车加油票怎么做账
  • 高新企业申请流程
  • 陈列费怎么开票
  • MySQL服务器系统支持哪些存储引擎
  • 小规模纳税人税额怎么算
  • 盘盈盘亏怎么看
  • 分公司挣的钱归谁所有
  • 缴纳水土保持补偿费分录是什么
  • 小企业核算方式选独立核算
  • 六大类科目的借贷口诀余额怎么填
  • 记账凭证的基本要素包括
  • 印花税退还
  • 开了20万销项进项为0交多少税
  • 五证合一办理步骤
  • 施工企业应收账款确认依据
  • 笔记本电脑的触摸板怎么开启和关闭
  • centos如何查询版本号
  • xp调出输入法
  • windows8安装itunes
  • Apache 2.0.55 for Linux 下载
  • win8的ie浏览器
  • cocos2dx schedule
  • Tips(1)glewExperimental
  • shell脚本中执行echo卡住
  • jquery中操作dom节点的方法
  • jquery 选择
  • python可变参数和不可变参数
  • json对象转化为list
  • Unity for Absolute Beginners(一)
  • python 嵌套
  • python socket connect
  • 2021年水利基金的税率是多少
  • 税务局周末上班没
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设