小程序列表渲染+模板绑定两组数据
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]}}也不行。
摘要:小程序列表渲染+模板绑定两组数据
展开:我想实现上图这种功能,点击不同的年份按钮,在其下方显示相应内容,其他按钮下的内容自动隐藏。我现在的思路是这样的: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,转载请注明出处。
微信公开课热门讨论「小程序列表渲染+模板绑定两组数据」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-04-03 15:15:29
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>