vue v-show绑定

在Vue中使用v-show指令来选择性的显示内容。它的属性值可以是布尔值、属性名称以及函数名称。如果使用函数来控制的话,无论函数内容如何运算判断,最终返回布尔值true或者false就可以了

<div class="food-ratinglist" v-for="item in foodRate" v-show="filterRate(item.rateType,item.text)"></div>
filterRate(type,text){
    if(this.onlyContent &&text===''){
        return false;        
    }        
    if(this.selectType === ALL){        
        return true;        
    }else{        
        return this.selectType === type        
    }        
}    //最终返回的都是Boolean