Vue基础 - v-bind修改属性

2024-01-07 17:58:51

<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>

文章来源:https://blog.csdn.net/cjz0422/article/details/135436002
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。