vue表格组件插入图片

一个需求，在vue中，当数据列表没有数据的时候，需要展示一张图片

 <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>

这是表格组件，在el-table中插入template标签

<template slot="empty" v-if="list.length==0">
    <img src="路径" alt />
     <span style="调样式">暂无数据</span>
</template>

这样就可以在没有数据的情况下展示图片了