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"便可
在這裏插入圖片描述在這裏插入圖片描述








函數

相關文章
相關標籤/搜索