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

最新推荐文章于 2024-07-20 09:25:21 发布

前端杨小白

最新推荐文章于 2024-07-20 09:25:21 发布

阅读量1.2w

点赞数 9

分类专栏： ElementUI

本文链接：https://blog.csdn.net/yangwqi/article/details/104751098

版权

ElementUI 专栏收录该内容

31 篇文章 3 订阅

订阅专栏

<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>