el slot="empty" 关于接口返回空数据 页面显示其他内容

注意这里需要整个都返回的是空数据才行

<el-select
          v-model="xxxx"
          :data="xxxx"
        >
          <el-table-column
          prop="deviceType"
          label="类型"
          width="50"
          :show-overflow-tooltip="true"
        >
          </el-table-column>
          <el-table-column
          prop="deviceType"
          label="类型"
          width="50"
          :show-overflow-tooltip="true"
        >
          </el-table-column>
          <div slot="empty" style="text-align: left;">等待数据</div>
</el-select>

当 获取不到数据的时候,带有slot="empty"的玩意就会显示出来(可以是div img等等都可以),样式可以等没有数据的时候来调整

      <div slot="empty" style="text-align: left;">等待数据</div>

参考
https://blog.csdn.net/qq_43351249/article/details/121355056
https://blog.csdn.net/qq_36437172/article/details/108521022?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~CTRLIST~Rate-1-108521022-blog-121355056.pc_relevant_multi_platform_whitelistv3&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2~default~CTRLIST~Rate-1-108521022-blog-121355056.pc_relevant_multi_platform_whitelistv3&utm_relevant_index=1

posted @ 2022-09-27 15:29  zongkm  阅读(184)  评论(0)    收藏  举报