Vue基礎 - v-bind修改屬性


<div id="app">
<label for="r1">修改顏色</label><input type="checkbox" v-model="use" id="r1">
<br><br>
<div v-bind:class="{'class1': use}">    <!--如果use為true,則{'class1': use}=class1,否則為空-->
v-bind:class 指令
</div>
</div>

<script>
new Vue({
el: '#app',
data:{
    use: false    //這里賦值為false,所以沒有調用class1
}
});
</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM