vue动态改变style

在使用vue开发的过程中,有些时候你会发现,虽然你的元素已经有了一个class样式了,但还是有需要动态改变某个样式的需求,那要怎么处理呢,如下的代码块段

<div class="executing" :style="{'background':(item.lineColor ? item.lineColor : '#1876d2')}"
    v-if="job.lineNodeStatus == 4">
    {{ job.lineNodeStatus | statusNameFilter }}
</div>
<el-container v-for="(item, index) in allLine"
    :key="index" :style="{'border-left-color':item.lineColor, 'border-left-width':'5px', 'border-left-style': 'solid'}">
</el-container>

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 4,208评论 1 15
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 1,249评论 1 3
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 394评论 0 5
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    WhaleFall_丶阅读 645评论 0 4
  • 七月份每天晨跑,都在听西马拉雅,而听到《汤小小高效写作》的音频,是无意中的事。 先是要求自己每天只在外晨跑时听,回...
    荣漉阅读 37评论 0 1