请教下vuejs里边的v-show怎么写且的判断条件？谢谢

Question

请教下vuejs里边的v-show怎么写且的判断条件？谢谢

Answer 1

复杂的v-if,v-show 情况可以有几种写法

直接写逻辑判断

<div v-show="a && b"></div>

通过 computed 计算出结果

computed: {

   test(){

       return this.a && this.b

   }

}

动态判断多个项的情况（如v-for 中每一项都需要v-show判断时）

<li v-for="item in list" v-if="isShow(item)">

</li>

methods: {

   isShow(item) {

return item.a && item.b;

   }

}