Vue.js学习系列(三十)-- Vue.js样式绑定(一)

class与style是HTML元素的属性,用于设置元素的样式,我们可以用v-bind来设置样式属性。Vue.js v-bind在处理class和style时,专门增强了它。表达式的结果类型除了字符串之外,

.active {

width: 100px;

height: 100px;

border: 1px solid red;

background: green

}

new Vue({

el:"#app",

data:{

isActive:true

}

})

运行结果为

在上述例子中将isActive设置为true显示了带有红色边框的绿色div块,如果设置为false则不显示。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容