微信小程序 > 微信公开课 > 小程序列表渲染+模板绑定两组数据
微信小程序,微信公开课,小程序列表渲染+模板绑定两组数据

小程序列表渲染+模板绑定两组数据

2019-04-03 15:15:29

如何看待微信公开课小程序热门讨论「小程序列表渲染+模板绑定两组数据」
摘要:小程序列表渲染+模板绑定两组数据
展开:我想实现上图这种功能,点击不同的年份按钮,在其下方显示相应内容,其他按钮下的内容自动隐藏。我现在的思路是这样的:Page({data:{riqi:[2015,2016,2017],isshow:[],},onLoad:function(){varthatthisvararr1that.data.riqivararr2that.data.isshowfor(vari0;iarr1.length;i++){arr2[i]false}that.setData({isshow:arr2})},showjl:function(e){varide.currentTarget.dataset.idconsole.log(id)varthatthisvararr1that.data.isshowfor(vari0;iarr1.length;i++){arr1[i]false}arr1[id]truethat.setData({isshow:arr1})console.log(that.data.isshow)},})DATA中两个数组,一个riqi记录按钮的数量和显示内容,一个isshow控制按钮下的内容是否显示。blockwx:for{{riqi}}wx:keyindextemplateistempsjdata{{item}}//blocktemplatenametempsjbuttondataid{{index}}bindtapshowjl{{item}}/buttonviewwx:if{{isshow}}9999999999/view/template目前我这种方法肯定是不行的dataid{{index}}这个根本就没有数据,换成dataid{{item}},并修改JS文件倒是可以,但viewwx:if{{isshow}}也不行,viewwx:if{{isshow[item]}}也不行。
标签:小程序
微信小程序,微信公开课,小程序列表渲染+模板绑定两组数据

「小程序列表渲染+模板绑定两组数据」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序列表渲染+模板绑定两组数据」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序列表渲染+模板绑定两组数据」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序列表渲染+模板绑定两组数据」

微信公开课小程序热门讨论「小程序列表渲染+模板绑定两组数据」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「小程序列表渲染+模板绑定两组数据」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。