vue动态绑定style

作者:原创时间:2022-03-09
文档

vue动态绑定style怎么操作呢?一起来看看小编今天的分享吧!

style可以通过对象语法和数组语法进行动态绑定。

对象语法:

data: {
  activeColor: 'red',
  fontSize: 30
}

数组语法:

 
data: {
   styleColor: { 
    color: 'red'
    }, 
    styleSize:{ 
       fontSize:'23px'
    } 
}

另外,对象语法和数组语法进行Class的动态绑定。

对象语法:

data: {
  isActive: true,
  hasError: false
}

数组语法:

data: {
  activeClass: 'active',
  errorClass: 'text-danger'
}

以上就是小编今天的分享了,希望可以帮助到大家。


显示全文
js date加一天 字符转换成ascii码 c语言struct用法 java reentrantlock python tkinter教程 js获取日期 python numpy教程 opencv安装教程python js获取随机数 ubuntu卸载mysql cad的基本命令 python中sorted函数的用法 mysql time类型 js class类 python中strip函数的用法 getclass方法 python中find函数的用法 java反射获取属性值 vue 调用子组件方法 python的range函数用法 spring boot mysql配置 python 排序算法 python字典按值的大小排序 python 列表添加 python读取json并解析 debug error怎么解决 python延时函数 python构造函数 python string函数 python类的继承 python递归函数 python内置函数 python判断字符串相等 python查看已安装的包 python强制类型转换 python input函数怎么用 python类型转换 python split函数用法 python读取json python组合数据类型