当前位置:网站首页 > 前端开发 > 正文

ElementUI 表格中某项为空值时用暂无数据代替显示

<el-table :data="tableData" border style="width: 100%" ref="multipleTable"> <el-table-column type="index" label="序号" width="50" :index="indexMethod" align="center"></el-table-column> <el-table-column prop="name" label="发布订阅关系名称" align="center"> <template slot-scope="{row}"> { 
  { row.name || '暂无发布订阅关系' }} </template> </el-table-column> <el-table-column prop="remark" label="发布订阅关系描述" align="center"></el-table-column> <el-table-column fixed="right" label="操作" align="center" width="60"> <template slot-scope="scope"> <el-button v-if="scope.row.name" @click="openConfirm(scope.row.id)" type="text" size="small">选择</el-button> <el-button v-if="!scope.row.name" disabled type="text" size="small">选择</el-button> </template> </el-table-column> </el-table>

到此这篇ElementUI 表格中某项为空值时用暂无数据代替显示的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • ElementUI上传文件-限制上传文件个数2024-11-29 22:00:04
  • ElementUI对表格某一行执行操作和批量操作限制2024-11-29 22:00:04
  • 字符串类型的操作方法2024-11-29 22:00:04
  • ElementUI 获取el-table表格选中行信息及清除选中行2024-11-29 22:00:04
  • ElementUI 之 el-tabs添加自定义按钮2024-11-29 22:00:04
  • ElementUI 监听表单有内容修改时提交执行相应操作2024-11-29 22:00:04
  • 深拷贝2024-11-29 22:00:04
  • 对象操作方法2024-11-29 22:00:04
  • 数组类型操作方法2024-11-29 22:00:04
  • elementUI实现对表格批量操作2024-11-29 22:00:04
  • 全屏图片