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

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

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

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

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

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%
table
            ref="singleTable"
            :data="MonitoringData"
            border
            style="width: 100%"
          >
            table-column type="index" width="50"> table-column>
            table-column property="name" label="名称"> table-column>
            table-column property="color" label="颜色">
              <template slot-scope="scope">
                
              template>
            table-column>
table>
运行结果及详细报错内容

正常选择完成

img


点击空白后不显示颜色

img


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

img

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

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

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

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