Vue 设置style样式
Posted dyd520
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 设置style样式相关的知识,希望对你有一定的参考价值。
1.直接添加行内样式
2.通过绑定设置style样式
3.将vue的属性设置为样式
4将多个vue属性设置为样式
<div id="box"> <!--直接添加样式--> <p style="background-color: blue;">sssss</p> <!--绑定样式--> <p v-bind:style="‘background-color: red;‘">sssss</p> <!--将vue中的属性作为样式设置--> <p :style="obj">sssss</p> <!--将多个属性作为样式设置--> <p :style="[obj,obj1]">sssss</p> </div> <script type="text/javascript"> var vm=new Vue( el:"#box", data: obj: backgroundColor:"gold" , obj1: fontSize: "30px" , ); </script>
以上是关于Vue 设置style样式的主要内容,如果未能解决你的问题,请参考以下文章