ElementUI中的Empty空状态使用

在项目开发中,我们使用elementUi组件库中的table组件,当没有数据的时候显示的是这个样子

ElementUI中的Empty空状态使用_第1张图片

因为不太美观有时候甲方不太满意,那我们如何修改这个默认样式呢?直接上代码


在el-table-colunm平级的添加以上代码,当然div里面的内容可以按照要求随意更改

需要注意的是div里面的solt属性一定要这样写,不要问我为什么,这是elementUi框架制定者弄好的,我们直接用就行。

下面看下我们用了这个样式之后的样子吧!

ElementUI中的Empty空状态使用_第2张图片

是不是好看多啦!

有用记得点赞多多支持哦! 

你可能感兴趣的:(vue.js,前端,javascript)