vue基于elementUI表格状态判断展示

最新推荐文章于 2024-08-09 11:14:56 发布

就像风1样

最新推荐文章于 2024-08-09 11:14:56 发布

阅读量1.6w

点赞数 6

分类专栏： Vue vue专栏文章标签： vue element 表格状态

本文链接：https://blog.csdn.net/qq_42221334/article/details/97264308

版权

本文介绍如何在Vue.js项目中结合ElementUI，根据数据状态（-1:待处理,0:关闭,1:已反馈,2:未解决,3:已解决）使用v-if指令显示不同的状态内容，重点在于状态判断逻辑的应用。" 108548839,7354199,Docker容器中缺失ip命令解决方案,"['docker', '镜像', '容器', 'Docker问题', '网络管理']

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

判断一条数据的状态展示相应的内容方法

如：status (状态(-1:待处理,0:关闭,1:已反馈,2:未解决,3:已解决)), 通过 v-if 判断显示对应的状态

代码：

<div style="padding:15px 20px;">
    <el-table 
          size="mini"
          stripe
          :data="tableData2.dataList" style="width: 100%" border>
        <el-table-column prop="questName" label="联系人"></el-table-column>
        <el-table-column prop="updateTime" label="更新时间"></el-table-column>
          <el-table-column  label="状态">
            <template slot-scope="scope">
              <p  v-if="tableData2.dataList[scope.$index].status==-1">待处理</p>
              &