Element-ui form multiple selection how to judge whether it is selected or not according to a certain field?

take the official website as an example, as shown in the figure

multiple selection Code:

<el-table-column type="selection" width="55"></el-table-column>
tableData3: [{
    date: "2016-05-03",
    name: "",
    address: " 1518 "
}, {
    date: "2016-05-02",
    name: "",
    address: " 1518 "
}, {
    date: "2016-05-04",
    name: "",
    address: " 1518 "
}, {
    date: "2016-05-01",
    name: "",
    address: " 1518 "
}]

if you add a field check to each piece of data in tableData3 , how do you use this field to control the selection of each row?

Mar.11,2021

Hello, take the official website as an example: https://codepen.io/derekyxie/.

A flexible implementation can be implemented by traversing the data using the following operations in the mounted lifecycle

mounted() {
    this.tableData.map((e,i)=>{
        if(e.checked===true){
            this.toggleSelection([this.tableData[i]])
        }
    })
}

No selection

    <el-table-column  width="55">
     <template slot-scope="scope">
     <el-checkbox v-model="scope.row.checked"></el-checkbox>
     </template>
    </el-table-column>
tableData3: [{
    date: '2016-05-03',
    name: '',
    address: ' 1518 ',
    checked:true
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e41b31-44949.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e41b31-44949.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?