vue+elementUI中表格高亮或字体颜色改变操作     作者： 鑫 海   这篇文章主要介绍了vue+elementUI中表格高亮或字体颜色改变操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

 el-table width="100%" :data="gridData" border fit highlight-current-row :header-cell-style="{background:'#199ED8'}" :row- 
 el-table-column label="序号" type="index" /el-table-column 
 /el-table 

js中就是方法的调用就好了

setRowStyle(row) {
 if (row.row.isPart == true) {
 return 'color:blue;'
 },

补充知识：vue+element-ui 表单的 el-input 第二次修改时无法输入

由于新增跟修改用的是同一个弹窗，所以当修改提交时，要清空 input 框内的值。

提交时不能只把 父对象formData 设置为空对象。即this.formData = {} 是错误的

正确的写法为

this.formData = {name: '' }

原因：如果把this.formData设置为空，this.formData.name 就是 undefined，此时就会赋值不上。

 el-form ref="popupContent" :model="formData" :rules="popupContentRules" 
 el-row 
 el-form-item label="姓名" label-width="80px" prop="name" 
 el-input name="name" @keyup.native="judge" v-model="formData.name"/ 
 /el-form-item 
 /el-row 
 /el-form 

以上这篇vue+elementUI中表格高亮或字体颜色改变操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持凡科。