<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,所以沒(méi)有調(diào)用class1
}
});
</script>文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-816373.html
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-816373.html
到了這里,關(guān)于Vue基礎(chǔ) - v-bind修改屬性的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!