关于table:antdvue-列表tablelist自定义缺省ui

11次阅读

共计 333 个字符,预计需要花费 1 分钟才能阅读完成。

一、antd-vue 官网给出的空数据的参数


也给出了例子,emptyText: ‘ 暂无数据 ’。如果你只须要改文案,依照这个形式即可。

但在理论场景中,咱们不仅须要自定义文案,更心愿有其余更多的自定义内容,比方缺省图

二、更多个性化设置

官网文档给的太过简洁,其实 emptyText 不仅能够传文字,也能够传组件!

也就是说你能够自定义一个缺省的组件,依然通过 emptyText 传进去就行

看上面的例子:

1、失常封装一个 Empty 组件(款式本人依据须要调整)

2、table 组件 的 locale 参数传入

组件引入:


值得说的是,Empty 在引入之后,是不须要在 components 中注册的!

来看一下比照成果,默认的:


自定义的:

list 组件也是同样的办法。有了这个办法当前,怎么自定义都能够啦~

正文完
 0