由於項目需要,需要自定義element ui table表格暫無數據時的樣式。那麼如何實現自定義的暫無數據的提示呢?
有兩種方式:
一、只需要更改文字提示
如果只要更改文字提示,直接添加empty-text屬性即可。如下圖所示:
二、更改文字提示並加圖片
如果需要更改文字並添加圖片,則需要實用slot="empty"屬性。如下圖所示:圖片路徑寫你的自己的就好,文字也是。
以上是在項目中實際操作實踐的,記錄一下,留給給我同樣需求的人兒。如有錯誤,歡迎批評指正。
由於項目需要,需要自定義element ui table表格暫無數據時的樣式。那麼如何實現自定義的暫無數據的提示呢?
有兩種方式:
一、只需要更改文字提示
如果只要更改文字提示,直接添加empty-text屬性即可。如下圖所示:
二、更改文字提示並加圖片
如果需要更改文字並添加圖片,則需要實用slot="empty"屬性。如下圖所示:圖片路徑寫你的自己的就好,文字也是。
以上是在項目中實際操作實踐的,記錄一下,留給給我同樣需求的人兒。如有錯誤,歡迎批評指正。
https://www.bilibili.com/video/BV1k8411575T/?vd_source=d68ed178f151e80fea1e02efd205802c