vue中的class和style的使用

时间：2018-06-02 22:53:34 阅读：142 评论：0 收藏：0 [点我收藏+]

v-bind:class的使用

1:第一种使用方式

v-bind:class='[a,b,c]'形式的用法

a b c是data中的数据

技术分享图片

2:第二种使用方式

v-bind:class='{}'形式的用法

技术分享图片

当然也可以配合着数据一起使用

技术分享图片

3:第三种使用方式(其实和第二种方式是一样的)

v-bind:class='json',引号里可以直接存放一个json类型的变量，其实也就是第二种形式的写法，换了一个地方而已。

技术分享图片

v-bind:style的使用

1:第一种使用方式

技术分享图片

2:第二种使用方式(其实就是第一种方法的位置换了一个地方)

技术分享图片

3:第三种用法

技术分享图片

原文地址：http://blog.51cto.com/11871779/2123546

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行