技術標籤：vuevuevue.jsjavascriptelementui

input框無法輸入：

input框繫結有值時無法修改和input框沒值時無法輸入

自己在網上找了挺多的答案，大多數都是this.$forceUpdate，然後試了試發現沒起作用，出現問題的大致程式碼如下

<el-table v-if="flg" :data="tableData">
  <el-table-column align="center" v-for="v in eItems" :prop="v.name" :label="v.name" :key="v.id">
    <template slot-scope="scope">
      <el-input size="mini" placeholder="請輸入內容" v-model="scope.row[v.name]" @input="Inputchange(scope)"></el-input>
    </template>
  </el-table-column>
</el-table>
 

解決 1.通過set去更新那一行

Inputchange(row) {
   this.$set(this.tableData3,scope.$index,scope.row)
},

解決 2. 直接notify()更新那一行

Inputchange(scope) {
    scope.row.__ob__.dep.notify()
 },

原因就是沒更新，el-table只能監聽整個row的變化，當屬性變化時是無法監聽到的