热门搜索:宝马娱乐平台 www.g22.com
公司简介产品展示新闻资讯视频展示招聘精英销售网络客户中心联系我们
文章搜索:
首页 > 视频展示
 
小程序-列表渲染
作者: 发布时间:2019-01-11 03:54:17 来源:本站

  所谓的列表渲染,就是对于列表数据的展示。其使用场景大多为商品列表页面、购物车页面、收藏列表等页面,应用广泛。微信小程序实现列表展示的方式其实就是用for循环来循环生成相对应的item布局,使用 wx:for 重复渲染组件。

  使用 wx:for-item 可以指定数组当前元素的变量名,使用 wx:for-index 可以指定数组当前下标的变量名。

  wx:for 一般有两种使用场景,一种是配合view来使用,另一种则是搭配block来使用。这两者的区别就在于block不会被渲染,而使用view组件则会多渲染一次,两者可实现同样的效果,根据不同的需求选择。

  重点解释一下item的点击事件,小程序是如何知道用户是点击了哪一个item呢,这个就是通过data-*来获得的。在组件上触发的事件时,会发送给事件处理函数。

  这是item点击事件,这个e就会携带着item.goodsId,这是在wxml中绑定的关系。

  这样一个简单的列表数据就渲染完毕了,如果想要实现点复杂且不失美观的布局效果,那就要从各个方面调整,最重要的调整好wxss。

  
评论】【加入收藏夹】【 】【打印】【关闭
※ 相关信息
无相关信息

发表评论
用户名: 密码:
验证码: 匿名发表
 
 搜索新闻
 最新新闻
·怎样才能体现出团队精神的风
·销售渠道都有哪些
·营销网络
·售价大幅下降 宝马新5系插混
·【什么叫网络营销】5个外贸
·宝马线上娱乐城
·宝马娱乐最新版
·美国H1B工作签证审批慢 中国
·一切以客户为中心
·客服呼叫中心核心功能介绍
 热点新闻 
·贵州商学院教务管理软件采购
·苏州吴中区临湖镇网站注册商
·捷信分期付款买手机清晰的步
·砖托板生产厂家徐州联系我们
·捷信分期买手机向消费者提供
·长盛基金新官网盛装上线 盛
·打破二次元壁垒 高科技打造
·2018广发银行股份有限公司信
·虚拟歌手洛天依奔驰文化中心
·饿了么新乡客服中心创造上千
关于我们 | 在线反馈 | 广告服务 | 友情链接 | 联系我们 | 免责声明
Copyright © 2007-2028 /, Some Rights Reserved