vue---class和style的基本用法
Posted wangweigit3077
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue---class和style的基本用法相关的知识,希望对你有一定的参考价值。
不多BB了 直接上代码了 通俗移动易懂总结了5种常用改变样式 的形式
<style> .actived2{ color:red; } </style> </head> <body> <div class="app"> <div :style="actived">aaa</div> <div :style="[actived]">aaa</div> <div :style="{color:‘red‘}">aaa</div> <div :class="[‘actived2‘]">aaa</div> <div :class="{actived2:isActived}">aaa</div> </div> </body> <script> const app = new Vue({ el:‘.app‘, data:{ actived:{ color:"red" }, isActived:true } }) </script>
以上是关于vue---class和style的基本用法的主要内容,如果未能解决你的问题,请参考以下文章