element table嵌套颜色选择器出现问题

Question

问题遇到的现象和发生背景

element table嵌套颜色选择器出现问题

遇到的现象和发生背景，请写出第一个错误信息

在选择完成颜色后，鼠标点击空白，颜色选择器显示无颜色，但是实际值里有颜色的值

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

<el-table
            ref="singleTable"
            :data="MonitoringData"
            border
            style="width: 100%"
          >
            <el-table-column type="index" width="50"> </el-table-column>
            <el-table-column property="name" label="名称"> </el-table-column>
            <el-table-column property="color" label="颜色">
              <template slot-scope="scope">
                <el-color-picker v-model="scope.row[scope.column.property]"></el-color-picker>
              </template>
            </el-table-column>
</el-table>

运行结果及详细报错内容

正常选择完成

点击空白后不显示颜色

重新点击颜色选择器
没有值，但是tableData里有值

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

当tableData里有值时，颜色会显示上去，但是选择颜色完成后，颜色会返回到一开始的值，但是tableData里的值变成了新选择的值

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

Answer 1

这里绑定直接写 scope.row.color 就可以