Vue中修改element-ui中的el-table中默认的暂无数据样式

默认样式 

1.只更改文字内容

 这是elemenut-ui官方提供的 

<el-table 
  :data="dataList"
  size="medium" 
  border 
  @selection-change="selectionChangeHandle" 
  v-loading="loading"
  empty-text="人家没有数据哦~~"
  class="table"
>
  //...
</el-table>

效果 

2.添加图片修改文字等 

<el-table 
  :data="dataList"
  size="medium" 
  border 
  @selection-change="selectionChangeHandle" 
  v-loading="loading"
  class="table"
>
  <template slot="empty">
    <img src="/svg/empty.svg" alt style="margin: 120px auto 8px auto; height: 50; width: 78px; display: block" />
    <p style="line-height: 22px; font-size: 14px; margin-bottom: 60px">说了人家没数据呢</p>
  </template>
  //...
</el-table>

这里用了一张svg的图片，可以让ui给你搞一张好看的图片哦 ，字体的颜色啥的样式也都是可以自己去调的

效果