element-ui表格显示隐藏导致表头错乱

最新推荐文章于 2023-10-22 11:28:35 发布

心情就像下雨天

最新推荐文章于 2023-10-22 11:28:35 发布

阅读量544

点赞数

分类专栏： ElasticSearch 文章标签： elementui

本文链接：https://blog.csdn.net/qq_24083561/article/details/110494843

版权

在使用Element-UI的表格组件时，如果根据条件动态显示或隐藏列，可能会遇到表头错乱的问题。解决这个问题的方法是在表格的每一列上设置一个唯一的key属性，以确保DOM正确渲染。

摘要由CSDN通过智能技术生成

<span  v-if="activeName == 'five'">
            <el-table-column key='22' prop="interviewResultsStatus" label="面试结果" header-align="center" align="center">
              <template slot-scope="scope">
                <el-tag v-if="scope.row.interviewResultsStatus === 10"  type="info">待面试</el-tag>
                <el-tag v-if="scope.row.interviewResultsStatus === 20"  type="success">面试通过</el-tag>
                <el-tag v-if="scope.row.interviewResultsStatus === 30"  type="danger">面试不通过</el-tag>
              </template>
            </el-table-column>
            <el-table-column key='23' prop="interviewResultsReviewer" label="面试官" header-align="center" align

最低0.47元/天解锁文章

心情就像下雨天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
element-ui表格显示隐藏导致表头错乱

<span v-if="activeName == 'five'"> <el-table-column key='22' prop="interviewResultsStatus" label="面试结果" header-align="center" align="center"> <template slot-scope="scope"> <el-tag v-if="scope.
复制链接

扫一扫

专栏目录