vue通过属性绑定为元素绑定style行内样式

1.直接在元素上通过:style绑定书写

            <h1 :style="{color: 'red','font-size': '40px'}">这是一个h1文本</h1>

2.将样式对象定义到data中,并直接引用到:style中

data:{

  style1:{color: 'red','font-size':'40px'}

}

html:

<h1 :style="style1">这是一个h1文本<h1>

posted @ 2020-04-07 16:31  子枫i  阅读(1977)  评论(0编辑  收藏  举报