针对element-ui出现的问题的解决方法（3）

一、表单必填校验

<el-form :model="form">
  <el-form-item label="姓名" prop="user.name"></el-form-item>
</el-form>

// js中

rules: {
  user.name: [
    { 
        required: true, 
        message: '姓名不能为空', 
        trigger: 'blur' 
    }
  ]
}

二、设置表格el-table的表头颜色：

使用header-cell-style可以改变背景颜色和字体颜色

<el-table  :data="tableData"  
:header-cell-style="{background:'#ccc', color:'#fff'}" >
</el-table>

三、设置表格el-table的列的字体颜色

<el-table :data="tableData" :cell-style="setColor">
</el-table>
 
// js中
 setColor({row,column,rowIndex,columnIndex}){
        if(columnIndex === 1){
           return 'color:#fff;';
        }
    },