用vue-cli搭建项目的 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;

}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM