我想为元素和表的不同行赋予动态或不同的类。基本上，我想为每行赋予不同的颜色。例如，我想迭代一个包含颜色的数组

const colors = ["blue","yellow","black"]

我曾尝试将其绑定到我的行，如下所示：

<el-table-column prop="owner">
          <template #header>
            <span class="title">所有者</span>
          </template>
          <template #default="scope">
            <div class="owner">
              <div :class="colors">
                {{ scope.row.owner.slice(0, 1) }}
              </div>
              <div>{{ scope.row.owner }}</div>
            </div>
          </template>
        </el-table-column>

但是，它没有迭代数组，并且只为所有行赋予一个类。 这是类的 CSS：

.blue {
  background-color: rgb(125, 125, 216);
}
.yellow {
  background-color: rgb(164, 164, 71);
}
.black {
  background-color: black;
}

希望这能解释我的问题，我应该附上完整的代码以供参考吗？