vue基于elementUI表格状态判断展示
发布时间
阅读量：
阅读量
判断一条数据的状态展示相应的内容方法
如：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>
<p v-if="tableData2.dataList[scope.$index].status==0">关闭</p>
<p v-if="tableData2.dataList[scope.$index].status==1">已反馈</p>
<p v-if="tableData2.dataList[scope.$index].status==2">未解决</p>
<p v-if="tableData2.dataList[scope.$index].status==3">已解决</p>
<p v-if="tableData2.dataList[scope.$index].status == undefined && tableData2.dataList[scope.$index].status == undefined">未申请</p>
</template>
</el-table-column>
</el-table>
</div>
主要在红框的 部分；
全部评论 (0)
还没有任何评论哟~