vue+element 表格復選框默認勾選第一行，只能選擇一條

 <el-table
   :data="tableData"
   ref="tableRef"
   border
   @select="changeFun"
   class="tableCheck"
   style="width: 100%"
 >
   <el-table-column type="selection" width="55"> </el-table-column>

getLists(){
    getList().then(res=>{
        this.tableData = res.data
        // 復選框默認勾選第一行
        this.checkList = this.tableData[0]
        this.$nextTick(() => {
          this.$refs.tableRef.toggleRowSelection(this.checkList)
        })  
    })
},
changeFun(selection, row) {
   if (selection.length > 1) {
     const del_row = selection.shift()
     this.$refs.tableRef.toggleRowSelection(del_row, false)
   }
   this.checkList = selection[0]
 },
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容