vue+element中,根据状态的不同,表格中显示不同的状态

时间:2024-04-01 12:39:04

后台管理系统中需要做出如下的功能,根据状态的不同,表格中显示不同的内容

vue+element中,根据状态的不同,表格中显示不同的状态

data中的数据如下:

vue+element中,根据状态的不同,表格中显示不同的状态

要把参数 "ztz" 的内容显示 “无” “查看日志” 页在中判断如下:

<div slot-scope="scope" v-if="scope.row.ztz != 1">
  <el-button type="text" icon="el-icon-edit"  @click="chakanrz(scope.$index, scope.row)">查看日志</el-button>
</div>
<div v-else>
  <p>无</p>
</div>
 //获取列表数据,当前行scope.row.ztz 的值 根据值的内容判断显示内容  v-if="scope.row.ztz != 1"