v-bind 结合 css样式 结合标签显示是否要显示出某个样式
<p :class="['bg','dx',{'lin':falg}]">{{ msg }}</p>
<p :class="{bg:true,dx:true,lin:true}">{{ msg }}</p>这种不好 因为写死了
动态绑定类名时不再是{{}}号了
lin为true,绑定lin这个类名
<style>
.bg {
background: pink;
}
.dx {
font-size: 30px;
}
.lin {
color: #ffffff;
}
</style>
<div id="app">
<p :class="['bg',{'lin':falg}]">{{ msg }}</p>
<!-- <p :class="['bg','dx']">{{ msg }}</p> 绑定两个类名 -->
</div>
<script>
var vm = new Vue({
el: '#app',data: {
msg: '大家都是好学生'true
}
})
</script>
原文地址:https://www.cnblogs.com/IwishIcould
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。