Vue动态设置Style属性 附有源码-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

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

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

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'] }


本文来自E先生的博客,如若转载,请注明出处:https://www.javajz.cn

留言区

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

历史留言

欢迎加Easy的QQ