鍍金池/ 問答/HTML/ vue的table中一列全選,多列單選,如何讓全選和多列單選互相聯(lián)動?

vue的table中一列全選,多列單選,如何讓全選和多列單選互相聯(lián)動?

下圖為我們的設(shè)計圖,

clipboard.png

以其中的一個現(xiàn)金渠道單關(guān)舉例就好:

目前我的寫法是

bettingObjectList: {
    deep: true,
    handler: function(bettingObjectList) {
      bettingObjectList.forEach(item => {
        item.cbSingleCheckedAll = item.gameList.every(game => game.cbSingleChecked)
        item.cbAllUpCheckedAll = item.gameList.every(game => game.cbAllUpChecked)
        item.abSingleCheckedAll = item.gameList.every(game => game.abSingleChecked)
        item.abAllUpCheckedAll = item.gameList.every(game => game.abAllUpChecked)
      })
    }
  }
  

但我這個只支持單向聯(lián)動,不支持雙向的聯(lián)動,求各位指教,謝謝

加上下面的代碼已經(jīng)ok了

    <el-checkbox v-model="scope.row.cbSingleCheckedAll"
                 @change="cbSingleCheckAll(scope.row.cbSingleCheckedAll,scope.row)">單關(guān)
    </el-checkbox>
    
    
    methods: {
      cbSingleCheckAll(checked, bettingObject) {
        bettingObject.gameList.forEach(game => game.cbSingleChecked = checked)
      },
回答
編輯回答
祈歡

已解決

以其中的一個現(xiàn)金渠道單關(guān)舉例就好:

目前我的寫法是

bettingObjectList: {
deep: true,
handler: function(bettingObjectList) {
  bettingObjectList.forEach(item => {
    item.cbSingleCheckedAll = item.gameList.every(game => game.cbSingleChecked)
    item.cbAllUpCheckedAll = item.gameList.every(game => game.cbAllUpChecked)
    item.abSingleCheckedAll = item.gameList.every(game => game.abSingleChecked)
    item.abAllUpCheckedAll = item.gameList.every(game => game.abAllUpChecked)
  })
}

}

但我這個只支持單向聯(lián)動,不支持雙向的聯(lián)動,求各位指教,謝謝

加上下面的代碼已經(jīng)ok了

<el-checkbox v-model="scope.row.cbSingleCheckedAll"
             @change="cbSingleCheckAll(scope.row.cbSingleCheckedAll,scope.row)">單關(guān)
</el-checkbox>


methods: {
  cbSingleCheckAll(checked, bettingObject) {
    bettingObject.gameList.forEach(game => game.cbSingleChecked = checked)
  },
2017年11月21日 06:32