vue filter,vue 过滤器的使用,vue解析状态，解析审核状态等。vue解析类型。vue表格状态解析,el-tag,element ui 状态

使用v-if解析审核状态
代码如下：

<div style="width: 29px;height: 29px;line-height: 29px;text-align: center;">
  <span v-if="litem.labs.doType==1">必做</span>
  <span v-if="litem.labs.doType==2">拓展</span>
</div>

vue表格状态解析
其实一般也是使用v-if来做

<el-table-column prop="doType" label="类型">
  <template slot-scope="scope">
    <p v-if="scope.row.doType==1">必做</p>
    <p v-if="scope.row.doType==2">拓展</p>
  </template>
</el-table-column>

配合el-tag:

<el-table-column prop="period" label="考勤状态" show-overflow-tooltip="">
  <template #default="scope">
    <el-tag v-if="scope.row.attendance_tatus==1" type="success">正常</el-tag>
    <el-tag v-if="scope.row.attendance_tatus==2" type="warning">迟到</el-tag>
    <el-tag v-if="scope.row.attendance_tatus==3" type="warning">早退</el-tag>
  </template>
</el-table-column>

使用vue filter解析审核状态
代码如下：

filters: {
  examineTypeFilter: function (value) {
	 if(value==1)
		return "审核成功";
	 else if(value==2)	
		return "审核失败";
	 else
		return "等待审核";
  }
}

使用：

:content="item.isPass|examineTypeFilter"