三元表达的使用方法

最新推荐文章于 2024-01-17 17:07:01 发布

仰淮

最新推荐文章于 2024-01-17 17:07:01 发布

阅读量250

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/huai42717/article/details/128007021

版权

JavaScript 三元运算符条件渲染前端开发 Vue.js

关键词由CSDN通过智能技术生成

表达式：

表达式？ '表达式一' :'表达式二' ;

如果表达式为true则返回表达式一的值若表达式为false 返回表达式二的值。

<script>
    var num=prompt('输入数字');
    var res=num>4?'Yes':'no';
    alert(res);
</script>

<el-table-column
          align="center"
          prop="type"
          label="处置类型"
          style="width: 10%"
        >
          <template slot-scope="scope">
            {{
              scope.row.type == 1
                ? "线下加油"
                : scope.row.type == 2
                ? "充值油卡"
                : scope.row.type == 3
                ? "扫码加油"
                : scope.row.type == 4
                ? "转售"
                : scope.row.type == 5
                ? "续持"
                : scope.row.type == 6
                ? "退款"
                : ""
            }}</template
          >
        </el-table-column>