如何寫一個簡單的table中暫無數據組件

當你去做后端請求時，並且接口的data數組中為null或者數據為空時擋住用戶眼睛的“遮罩層”

<template>
<span class="no_wrap">
<span class="no_data">
      <!-- <img src="../../assets/images/boms/fonts/no data.svg" /> -->
<img src="./img/nodata_table_zh.png"/>
<p class="no_data_text">暫無數據</p>
</span>
</span>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
/*暫無數據*/
.no_wrap {
  height: 100%;
  display: flex;
}
.no_data {
  margin: 20px auto;
  text-align: center;
}
.no_data img {
  /* width: 145px;
  height: 145px; */
}
.no_data p {
  font-size: 12px;
  color: #999;
  margin: 0;
}
</style>