码迷,mamicode.com
首页 > 其他好文 > 详细

vue如何根据返回的值对元素进行样式渲染

时间:2018-07-17 16:43:00      阅读:614      评论:0      收藏:0      [点我收藏+]

标签:返回   需要   export   样式   文件   column   vue   com   不同   

1、最终显示样式:

需要:根据任务状态值,显示不同颜色的原点表示任务状态,以及对优先级的数据,进行☆标记

技术分享图片

 

2、代码实现:

  在<el-table-column>中需要显示的内容前面,添加图标元素,并添加对应的class样式。

  其中,addclassStatus以及addclassPriority两个方法是自己定义的计算,根据属性值计算class样式的方法

技术分享图片

3、在vue中的 export default 中的methods中进addclassStatus以及addclassPriority方法的计算和赋值

技术分享图片

4、在css文件中定义css样式

技术分享图片

 

vue如何根据返回的值对元素进行样式渲染

标签:返回   需要   export   样式   文件   column   vue   com   不同   

原文地址:https://www.cnblogs.com/luoxuemei/p/9323034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!