element ui table cell-style 動態變化

問題描述

使用element ui table cell-style 動態變化單元格樣式不穩定, 代碼如下。

input改變，v-model的值隨之改變，對應的樣式變化，背景色改變。但我的問題是需要打開下f12才能看到變化的結果，然後多試幾個單元格，有時會直接變化，有時又不會，又得開下f12。 求解。

問題主要在於我修改input內值後，有時會觸發finalCellStyle:function，有時不會。無語。

同時，我另外一個table卻沒這個問題，兩者不同在於el-input-number => el-select

問題出現的環境背景及自己嘗試過哪些方法

單元格內

相關代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）

<el-table :data="data" :cell-style="finalCellStyle">

<el-table-column prop="value" label="調整值" align="center">
    <template slot-scope="scope"> 
      <el-input-number  v-model="scope.row['value']" ></el-input-number>
    </template>
  </el-table-column>

finalCellStyle:function({row, column, rowIndex, columnIndex}){
  if (row['value'] != row['valueInit']) {
        return {
            background: '#f7b1b180'
        }
    }else{
      return {
            background: ''
        }
    } 
},

你期待的結果是什麼？實際看到的錯誤信息又是什麼？

**

**