用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