使用elementui的table核取方塊實現反選

2021-09-28 21:47:48 字數 441 閱讀 7889

其中需要用到elementui的table核取方塊的selection-change事件,togglerowselection的table methods方法實現。給勾選中的table行新增乙個陣列屬性為布林值,然後把未勾選中的行數通過es6的filter過濾,放到乙個新的陣列中。反選的時候,把含有陣列中的a賦值為true,然後用foreach迴圈選中的那幾行,通過togglerowselection(row, false),把選中的變成未勾選的,再通過迴圈未勾選的行數,通過togglerowselection(row)實現未勾選的變成勾選的,但是要判斷row.a不存在,才能執行把未勾選的變成勾選的。最後,把未勾選的row,改row含有a的屬性需要用迴圈把他們給delete掉。

上面的這種方式可以實現 

element UI 表單的使用

這裡就不貼 了,官網也差不多都有,就簡述一下這次所用所涉及的引數。1.在 form 元件中,每乙個表單域由乙個 form item 元件構成,表單域中可以放置各種型別的表單控制項,包括 input select checkbox radio switch datepicker timepicker。...

ElementUI的安裝使用

element ui是什麼 element ui 是 餓了麼 前端團隊,開源出來的一套 vue 元件庫 針對pc電腦瀏覽器端 內部整合了許多專案中可以使用的成熟元件component,既增強了使用者體驗,又加快了開發速度。elementui官網 步驟 執行指令安裝元件庫 npm i element ...

element ui安裝使用

import elementui from element ui import element ui lib theme default index.css 若發現該處導包總是出錯,請檢查node modules中的對應版本目錄下是否有theme default index.css檔案,若沒有,解除...