vue根据数字显示对应的文字状态(三元运算符)

vue三元运算符两个判断

<el-table-column :label="$t('siitservice.smartarkconfig.status')"  prop="status"          width="80" align="right" class-name="is-hidden-popoper">
          <template slot-scope="scope">
            {{scope.row.status == '0' ? "禁用" : scope.row.status == '1' ? "启用": ''}}
          </template>

显示样式:
在这里插入图片描述

vue三元运算符多个判断

<el-table-column
          align="center"
          prop="methods"
          label="缴费方式"
        >
          <template slot-scope="scope">
            {{
              scope.row.methods== 1
                ? "现金支付"
                : scope.row.methods== 2
                ? "刷储蓄卡支付"
                : scope.row.methods== 3
                ? "刷信用卡支付"
                : scope.row.methods== 4
                ? "微信二维码扫码支付"
                : scope.row.type == 5
                ? "支付宝二维码扫码支付"
                : scope.row.type == 6
                ? "刷脸支付"
                : ""
            }}</template
          >
        </el-table-column>

还有其他方式,比如计算属性…

Logo

前往低代码交流专区

更多推荐