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 @   zongkm  阅读(121)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示