问题描述

在使用vue+elementUI-plus，为el-table设置单元格颜色的时候使用到了 :cell-style，但是报错：
runtime-dom.esm-bundler.js:524 Uncaught (in promise) TypeError: Failed to set an indexed property [0] on 'CSSStyleDeclaration': Indexed property setter is not supported.

之前的代码如下：

 <el-table stripe ref="tableRef" :data="tableData" @sort-change="onSortChange"
                  @selection-change="handleSelectionChange" @filter-change="filterHandler" :cell-style="colCellStyle">

const colCellStyle = (obj) => {
  console.log(obj)
  if (obj.columnIndex === 1) {
    return "background:yellow";
  }
}

解决方案：

将返回体改为json格式，

const colCellStyle = (obj) => {
  console.log(obj)
  if (obj.columnIndex === 1) {
    return {'background-color': '#F56C6C'}
  }
}