Vue的Class与Style绑定的方法
本文介绍了Vue的Class与Style绑定,分享给大家,具体如下:
绑定HTMLClass
对象语法
我们可以传给v-bind:class一个对象,以动态地切换class:
如上,我们先给.exp一个边框,我们利用v-bind方法传入一个新的class属性.newExp,设置一个蓝色的背景颜色。当我们在控制台修改.newExp的属性为true时,会给div添加一个蓝色的背景颜色。
我们也可以传入更多的属性来切换多个class。
在模板里的渲染结果为: