使用vue就避免不了用element-ui使用table总是遇到设计小姐姐搞出来的不一样的空提示效果
table_custom_slot01.png

代码只要在el-table里面增加如下代码就可以了

<template slot="empty">
  <div class="table_empty">
    <div class="empty_tips">暂无未推修任务,
      <el-button @click="newFixTask" type="text" size="small" style="font-size:14px;">新建推修任务</el-button>
    </div>
  </div>
</template>

变身后的效果

table_custom_slot02.png

标签: vue, element-ui, element table

添加新评论