小程序的mastache语法不支持js的方法。
即在页面标签中,使用以下js方法无效:
Object.keys() toString() indexOf()
在页面中,如果需要同时选中多个按钮,可构造对象数组处理,代码如下:
data = {
currentTab: 0,
filterData: {
'date': [{color:true,name:'全部'}, {color:false,name:'古代'}, {color:false,name:'近代'}, {color:false,name:'现代'}],
'type':[{color:true,name:'全部'},{color:true,name:'悬疑'},{color:false,name:'古装'},{color:true,name:'搞笑'},{color:true,name:'科幻'},
{color:true,name:'犯罪'},{color:true,name:'恐怖'},{color:false,name:'青春'},{color:true,name:'喜剧'}],
'platform': [{color:true,name:'全部'}, {color:false,name:'爱奇艺'}, {color:false,name:'腾讯'}, {color:false,name:'优酷'}],
},
filterKeys:['date','type','platform']
};
<block wx:for="{{filterKeys}}" wx:for-item="type" wx:key="*this">
<view style="border: 1px solid black">
<block wx:for="{{filterData[type]}}" wx:for-item="item" wx:key="*this" >
<view bindtap="buttonTest({{item}})" class="{{item.color?'styls1':''}}">
{{item.name}}
</view>
</block>
</view>
</block>
解决问题:页面上操作按钮:年代,类型,平台可以多选。