1. 首页
  2. IT资讯

VUE-style样式

1、一般模式

 <h1 style="color:red;">这是一个h1</h1> 

2、绑定一个对象

 <h1 :style="styleObj1">这是一个h1</h1> 

3、数组对象

 <h1 :style="[ styleObj1, styleObj2 ]">这是一个h1</h1>

实例:

 // 创建 Vue 实例  var vm = new Vue({      el: '#app',      data: {          styleObj1: { color: 'red', 'font-weight': 200 },          styleObj2: { 'font-style': 'italic' }      },      methods: {}  });

 

  • 点赞 2
  • 收藏
  • 分享

    • 文章举报

VUE-style样式 VUE-style样式
立码成佛佛☺ง
发布了239 篇原创文章 · 获赞 30 · 访问量 17万+

私信 关注

原文始发于:VUE-style样式

主题测试文章,只做测试使用。发布者:sys234,转转请注明出处:http://www.cxybcw.com/98925.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code