美文网首页
vue绑定class和style

vue绑定class和style

作者: HLE | 来源:发表于2017-09-19 23:35 被阅读0次

1.绑定class

方法一:通过在vue实例的data中添加类名来绑定样式。具体流程如下

a.定义样式的class


定义样式

b.在vue实例中添加类名数据

data添加数据

c.给元素绑定样式

绑定样式

方法二:通过json来绑定样式,具体流程如下:

a.定义样式class

定义样式

b.通过json绑定样式

绑定样式

升级方法绑定class,具体方式如下:

与上述两种方法的差别在于下图所示:

改进方法

2.绑定style

绑定style

相关文章