vue关于 :class 和 v-if ,v-show

template:

<div @click="up">

<span :class="{colors:isactive===false }"  v-if="isactive===false" >上线</span>

<span :class="{colors2:isactive===true}"  v-if="isactive===true"  >下线</span>

</div>

<div v-if="isactive===false">

<span>编辑</span>

<span>删除</span>

</div>

script:

data():{

return{

      //res.results[i].type=1那么res.results[i].type===1

isactive:'',//后台接口传入判断 :if(res.results[i].type===true){this.isactive=true}else{this.isactive=false}

}

}

style:

.colors{

color:red

}

.colors2{

color:green;

}

猜你喜欢

转载自www.cnblogs.com/yubaibai/p/10412041.html