首页 > 其他分享 >vue table 没有数据的时候展示无数据

vue table 没有数据的时候展示无数据

时间:2023-05-12 10:57:50浏览次数:44  
标签:index vue No scope table 数据 more

element-table 无数据的时候,把“暂无数据” 改成其他文字或图片

 

<el-table :data="tableData" >
<el-table-column label="序号" prop="amount"" min-width="80" align="center"> <template #default="scope"> {{scope.$index+1}} </template> </el-table-column> <el-table-column prop="content" label="OrderId" min-width="100" show-overflow-tooltip> </el-table-column> <template v-slot:empty>    <span style="color: #969799;">No more data</span> </template>
</el-table>
 

 

 

如果是封装模板组件

<el-table :data="tableData" >
<el-table-column label=序号" min-width="80" align="center">
<template #default="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<slot></slot>
<template v-slot:"empty">
<span style="color: #969799;">No more data</span>
</template>
</el-table>

 

来源:

element-table 无数据的时候

标签:index,vue,No,scope,table,数据,more
From: https://www.cnblogs.com/zhian/p/17393294.html

相关文章

  • vue-element-admin安装依赖报错问题
    前言vue-element-admin中文官网要使用中文版,直接去gitgithub下载包:https://github.com/PanJiaChen/vue-element-admin/tree/i18ngitee下载包:https://gitee.com/panjiachen/vue-element-admin/tree/i18n分支记得选择这个i18n问题解决1.修改package.json文件tui-editor这......
  • vue中光标显示到指定的input框内
    给input标签内加ref="inputName"然后在想要执行的地方写this.$refs.inputName.focus() 1.如果想要打开这个页面的时让光标自动显示到input框内就在mounted里加 2.如果想在执行事件之后让光标显示到input框内就加在事件里 ......
  • MicroBlaze DMIPS 数据
    看到了有文章提到软核Risc-V在FPGA上的DMIPS数据,0.464DMIPS/MHz。使用手上现有的MicroBlaze工程,顺手测试了MicroBlaze的DMIPS数据。使用的单板是AC701,芯片是7A200T。MicroBlaze配置128KBLocalMemory,8KBI-Cache和D-Cache。Dhrystones程序在LocalMemory运行时,数据如下:......
  • 开源图像模型Stable Diffusion入门手册
    StableDiffusion是2022年发布的深度学习文字到图像生成模型。它主要用于根据文字的描述产生详细图像,能够在几秒钟内创作出令人惊叹的艺术作品,本文是一篇使用入门教程。硬件要求建议使用不少于16GB内存,并有60GB以上的硬盘空间。需要用到CUDA架构,推荐使用N卡。(目......
  • vue中解析转义字符
    最近在写一个后台,后台需要展示富文本的内容,按理说使用v-htmll标签就可以,但是当我使用后,却发现页面展示的依旧是html标签,这时我仔细看了一下返回的富文本内容,发现里边包含了展示转义字符<pstyle="line-height:150%"><spanstyle=";font-family:宋体;line-height:150%;font-size:......
  • java基于springboot+html的学生就业管理系统的设计与实现,附源码+数据库+文档,包安装调
    1、项目介绍本系统是利用现代化的计算机网络技术将传统信息宣传方式整合,按照实践过程设计完成的。同时完善服务,初步设计一个学生就业管理系统平台以利于相关的事务操作。为了使系统在各项管理中发挥更大的作用,实现计算机信息化高效的管理,现将开发目标功能需求介绍如下:(1)管理员模......
  • 数据库完整性
    完整性概述数据库的完整性是指数据库的正确性、一致性、相容性正确性:数据库的数据符合语义约束一致性:数据间的逻辑关系是正确的,从一个一致性状态转移到另一个一致性状态相容性:同一事物的两个数据应当是一致的约束的分类从约束的状态分类:可以分为静态约束和动态约束静态约......
  • 数据库基础
    1.数据库mysql数据库使用和可视化关系型数据库mysql使用:开启服务:netstartmysql登录:mysql-uroot-p关闭服务:netstopmysql图形化MySQL数据库管理工具:SQLyog安装后的秘钥:cr1738d8120df-a5c3-4989-8f47-5afc79c56e7c2.操作数据库操作数据库>操作数据库表>操......
  • Python学习之二:不同数据库相同表是否相同的比较方法
    摘要昨天学习了使用python进行数据库主键异常的查看.当时想我们有跨数据库的数据同步场景.对应的我可以对不同数据库的相同表的核心字段进行对比.这样的话能够极大的提高工作效率.我之前写过很长时间的shell.昨天跟着同事开始学python.感觉的确用python能够节约大量的时间.......
  • VUE
    Vue的基本常识Vue的使用方式vuejs的使用官方提供了2种方式:基于脚本导入使用,下载vue.js文件,通过script标签引入到html网页。基于项目构建工具来进行使用,需要安装项目构建工具,自动构建成一个独立的项目。目前官方推荐的项目构建工具:vue-CLI,vite。Vue调试工具VueDevtools......