微信小程序页面中不能使用toString().indexOf()

小程序的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']
    };


            
                
                    
                       {{item.name}}
                    
                
            
        

methods = {
        selectType (value) {
            let level1 = value[0];
            let level2 = value[1];
                if (level2 === 0) { // 点击全部 其他为false
                    this.filterData[level1][level2].color = true;
                    for (let i = 1; i < this.filterData[level1].length; i++) {   // 其他都为假
                        this.filterData[level1][i].color = false;
                    }
                } else {
                    this.filterData[level1][0].color = false;
                    this.filterData[level1][level2].color = !this.filterData[level1][level2].color;
                }
            this.$apply();
        },
    };

解决问题:页面上操作按钮:年代,类型,平台可以多选。
效果图:
微信小程序页面中不能使用toString().indexOf()_第1张图片

你可能感兴趣的:(微信小程序,小程序踩坑)