vue中ElementUI之表格中数据以tag标签显示（后台数据为 0 1 2，判断后显示不同类型）

如图 是表格中显示的 审核状态

表格中的审核状态列表

<el-table-column prop="chkState" label="审核状态">
          <template slot-scope="scope">
            <el-tag
              :type="
                scope.row.chkState == '1'
                  ? 'success'
                  : scope.row.chkState == '0'
                    ? 'warning'
                    : 'danger'
              "
              disable-transitions
            >{{
              scope.row.chkState == '1'
                ? '已通过'
                : scope.row.chkState == '0'
                  ? '未审核'
                  : '拒绝'
            }}</el-tag>
          </template>
        </el-table-column>

审核状态为1 则显示已通过 tag标签类型为success
审核状态为0 则显示未审核 tag标签类型为warning
审核状态不为0和1，则显示拒绝，tag标签类型danger