Vue动态设置Style属性 附有源码-前端-阿习进阶博客
Java
MySQL
大数据
Python
前端
黑科技
    首页 >> 互联网 >> 前端

Vue动态设置Style属性 附有源码

[导读]:多个数据 逗号隔开 [{},{}] 记住style前面的:数组[{},{}][{display:(activeName=='first'?'flex':'none')},{fontSize:'20px'}]三目运算{color:(index==0?conFontColor:'#ddd&...

image.png

多个数据 逗号隔开  [{},{}]  记住style前面的:

数组  
    [{},{}]

    [{display:(activeName=='first'?'flex':'none')},{fontSize:'20px'}]

三目运算 
    {color:(index==0?conFontColor:'#ddd')}

    [{color:(index==0?conFontColor:'#ddd')},{fontSize:'22px'}]

对象 

    { color: activeColor, fontSize: fontSize + 'px' }  
    {display:(activeName=='first'?'flex':'none')}

多重值

    { display: ['-webkit-box', '-ms-flexbox', 'flex'] }

本文来自阿习进阶博客,如若转载,请注明出处:https://yanxias.com

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

联系人:阿习

手机号:156****7890

留言内容:欢迎大家一起讨论文章,有喜欢发帖的可以私聊我给你开权限,发文章

留言时间:2022-05-09 17:46:15

回复内容:互联网阿习

回复时间:2022-05-09 17:46:15

用户IP:220.***.***.232

用户操作系统:Windows 10

欢迎加Easy的QQ