Elementui--Table表格使用記錄

最近在做設備點檢的項目,由於點檢項多,用戶不行一個個去勾選,想通過點擊表頭實現一鍵全選的功能,翻閱elementui table API發現有這麼一個事件:header-click
在這裏插入圖片描述
使用方法如下:
在這裏插入圖片描述
在HeaderClick()裏的參數cloumn,通過打印發現cloumn裏的property對應的值就是被點擊表頭的prop
在這裏插入圖片描述
將cloumn.property傳入寫的函數裏調用接口,即可。效果如下:在這裏插入圖片描述
(https://img-blog.csdnimg.cn/20201205152826796.gif#pic_center)
2.讓table 裏的td文字太多時,顯示省略號,在加入:show-overflow-tooltip="true"即可
在這裏插入圖片描述在這裏插入圖片描述








發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章