在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ element的checkbox更新綁定的組數(shù)時(shí)，原先v-model綁定為tru

element的checkbox更新綁定的組數(shù)時(shí)，原先v-model綁定為true的被保留了下來沒有進(jìn)行刷新？

如題，如何重置選中狀態(tài)？
業(yè)務(wù)場景：選中表格第一條數(shù)據(jù)后切換裝修位置重新請求接口，第一條數(shù)據(jù)還是選中狀態(tài)，但這條數(shù)據(jù)的參數(shù)是false

表格代碼：

<el-table :data="tableData" border highlight-current-row style="width: 100%;margin-bottom: 10px">
  <el-table-column width="55" align="center">
    <template scope="scope">
      <el-checkbox :checked="scope.row.check" @change="handleSelectionChange(scope.row)"></el-checkbox>
    </template>
  </el-table-column>
  <el-table-column prop="name" label="名稱" align="center"></el-table-column>
  <el-table-column prop="unit_name" label="單位" align="center"></el-table-column>
  <el-table-column prop="color" label="顏色" align="center"></el-table-column>
  <el-table-column label="數(shù)量" align="center" width="130">
    <template scope="scope">
      <el-input-number v-model="scope.row.nums" :min="0" style="width: 100%" size="small" @change="numberChange"></el-input-number>
    </template>
  </el-table-column>
</el-table>

圖片描述

有數(shù)據(jù)的情況下：
圖片描述

js代碼：

//獲取裝修材料
getUserGoodsList() {
  let params = {
    "access-token": this.token,
    "classify_id": this.goodsType.position
  }
  getGoodsList(params).then(res => {
    let _this = this
    // console.log(res.data)
    _this.tableData = res.data.items
    if (_this.tableData) {
      _this.tableData.forEach(item => {
        item.check = false
      })
    }
  })
}
//勾選
handleSelectionChange(row) {
  if (row.check == true) {
    row.check = false
  } else {
    row.check = true
  }
},
回答
編輯回答
萌二代

表格上加一個(gè)table屬性

<el-table :data="tableData" border highlight-current-row v-if="table">
  ···
</el-table>

獲取數(shù)據(jù)的時(shí)候隱藏顯示一下就刷新dom視圖加載了

//獲取裝修材料
getUserGoodsList() {
  let params = {···}
  this.table = false
  getGoodsList(params).then(res => {
    ···
    this.table = true
  })
}
2018年8月18日 18:28
編輯回答
逗婦惱

這樣寫

clipboard.png


_this.tableData = res.data.items
    if (_this.tableData) {
    _this.tableData.map((v,i) =>{
    v.check = false
        _this.tableData.$set(i, {  
                            v: v
                        })  
    })
     
    }
2018年2月23日 15:09