el-checkbox implements month selection changes, checked dynamically adjusts the display status, dynamically changes the option issues of the multi-select box, and gets the option value

result style

Go directly to the code. In the table, traverse the month again. There is a table array of months below. Since the backend of the month returns the code, the frontend has been adjusted. The content here @change is triggered when the selection changes. The contents of the function are: the triggered content, the traversed month of the triggered table, the index and the corresponding content of this row
The v-module box is canceled here, and each unit is dynamically changed directly. Grid

<el-table-column v-for="(item, index) in table" :key="index" :label="item.value" min-width="180" width="60px">
        <template slot-scope="scope">
          <el-checkbox :key="index" :checked="scope.row.jhtzsjs.includes(item.num)"
            @change