vue中表格中有一個(gè)多選框，如何通過(guò)彈層的按鈕來(lái)決定是否改變選中狀態(tài)

Vue 是 MVVM 框架，在所有的 MVVM 框架當(dāng)中，我們都應(yīng)當(dāng)忽略 DOM 結(jié)構(gòu)，想辦法用抽象數(shù)據(jù)的方式去操作。

當(dāng)你脫開 DOM 的限制，從數(shù)據(jù)的方向看過(guò)去的時(shí)候，就沒(méi)什么復(fù)雜的了。

1. 首先，這個(gè) checkbox 應(yīng)該關(guān)聯(lián)一個(gè)值，比如 list[n].isSelect
2. 當(dāng)你打開彈窗的時(shí)候，把這個(gè)節(jié)點(diǎn)的對(duì)象傳給彈窗
3. 當(dāng)點(diǎn)擊確定或者取消的時(shí)候，操作這個(gè)對(duì)象的值
4. 剩下的交給 Vue

先把要做的事封存起來(lái) 等點(diǎn)了確定的時(shí)候再去執(zhí)行

handleClick (row) {
   this.exampleDialog = true;
   this.ok_func = (row)=>{
      //做一些操作
   }
}
ok () {
  if (this.ok_func){
    this.ok_func();
    delete this.ok_func;
  }
}

將Table的行元素封裝成組件，通過(guò)便利循環(huán)的方式來(lái)進(jìn)行生成它，然后將row.id這種唯一性標(biāo)志使用起來(lái)比如:
${row.id}checked這樣來(lái)進(jìn)行選取狀態(tài)值的設(shè)定

點(diǎn)擊的時(shí)候，點(diǎn)擊的時(shí)候保存一下行索引，確定之后在指定行的項(xiàng)置true不就好了