vue+elementUI中表格高亮或字体颜色改变

重点的代码：:row-style="setRowStyle"这个属性就是在table标签绑定的:row-style="setRowStyle"setRowStyle(row) {if (row.row.isPart == true) {return 'color:blue;'}},具体代码：hmtl<el-table width="100%" :data="gridData" border

肖邦的交响乐

3386人浏览 · 2020-05-09 11:24:41

肖邦的交响乐 · 2020-05-09 11:24:41 发布

重点的代码：

:row-style="setRowStyle"这个属性就是在table标签绑定的

:row-style="setRowStyle"

// 这个方法直接加到methods里就好了，页面会自动调用的
setRowStyle(row) {
          if (row.row.isPart == true) {
              return 'color:blue;'
          }
        },

具体代码：

hmtl

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^