vue学习 使用内联样式设置style样式

Posted ジ绯色月下ぎ

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue学习 使用内联样式设置style样式相关的知识，希望对你有一定的参考价值。

/html
<div id="app">
　　
　　//对象就是无序键值对的集合
　　<h1 :style="{ color:red, ‘font-weight‘:200 }">哈哈哈哈哈</h1>
　　
　　<h1 :style="styleObj"></h1>
　　
　　<h1 :style="[styleObj,styleObj2]"></h1>
</div>

//script
<script>
　　var vm = new Vue({
　　　　el:‘app‘,
　　　　data:{
　　　　　　msg:‘点击一下‘,
　　　　　　styleObj:{ color:red, ‘font-weight‘:200 },
　　　　　　styleObj2:{ ‘font-style‘: ‘italic‘ }
　　　　},
　　　　methods:{//methods中定义了当前vue实例中所有可用的方法
　　　　　
　　　　}
　　})
</script>

 

以上是关于vue学习 使用内联样式设置style样式的主要内容，如果未能解决你的问题，请参考以下文章