vue3 element-plus el-table表格toggleRowSelection方法選中無(wú)效

嗚呼哀哉!

先看文檔:


image.png

再看官方案例:


image.png

剛開(kāi)始一直以為,toggleRowSelection方法里面的第一個(gè)參數(shù)和table的data的某一項(xiàng)一樣就可以。結(jié)果弄了半天,就是不生效。

后來(lái)查了資料發(fā)現(xiàn),toggleRowSelection的第一個(gè)參數(shù)需要是引用值,必須引用table里的data,如果是重新深copy了一份data,那么不好意思,不生效的。

正確案例:

data.value.forEach((item) =>{
  tableRef.value.toggleRowSelection(item, true)
})
// 或者
tableRef.value.toggleRowSelection(data[0], true)
tableRef.value.toggleRowSelection(data[1], true)

請(qǐng)務(wù)必記住,data就是你給table組件設(shè)置的data屬性的值。

愿走出半生,依然有解不完的bug

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容