使用方法|表达式|computed 动态控制v-if和class样式

it2024-10-15  35

<van-sticky> <van-nav-bar title="投决" :class="{indexNarBar:count() !== 0 && count() !== 1,textBar:item.s=true}" /> </van-sticky> <!-- 三个权限都没有 --> <div v-if="count() == 0"> <div v-if="FUNCTION_JOIN"> <span>没发现任何东西,去其他地方逛逛吧~</span> </div> </div> computed: { FUNCTION_JOIN() { return this.comparePermissions("APP-YY-TJ-CYZ"); }, FUNCTION_CREATE() { return this.comparePermissions("APP-YY-TJ-CJZ"); }, FUNCTION_SEND() { return this.comparePermissions("APP-YY-TJ-CSZ"); } }, methods:{ count() { let num = 0 if(this.FUNCTION_JOIN) { num+=1 } if(this.FUNCTION_CREATE) { num+=1 } if(this.FUNCTION_SEND) { num+=1 } return num }, }
最新回复(0)