5.1.7 三元运算

有些地方又叫“三目运算符”，如名字表示的三元运算符需要三个操作数。

语法格式如下：

表达式1 ？表达式2：表达式3

n  表达式1是一个条件，值为Boolean类型

n  若表达式1的值为true，则执行表达式2的操作，并且以表达式2的结果作为整个表达式的结果

n  若表达式1的值为false，则执行表达式3的操作，并且以表达式3的结果作为整个表达式的结果

下面我们来看一个实例，完整代码如下：

<template>

<view>

     <view>{{true ? "条件为真" : "条件为假"}}</view>       

     <view>{{false ? "条件为真" : "条件为假"}}</view>      

     <input type="text" :value="true ? '条件为真' : '条件为假'">

     <input type="text" :value="false ? '条件为真' : '条件为假'">

     <input type="text" :value="33 > 18 ? '已经成年' : '未成年'">

     <input type="text" :value="11 > 18 ? '已经成年' : '未成年'">

</view>

</template>

<script>

     //:class="fl.fenlei_id==curFenlei ? 'xuanzhong' : '' "

     export default {

             data() {

                      return {

                      }

             },

             methods: {

             }

     }

</script>

<style>

view{padding: 5px;}

/*input输入框样式*/   

input{

     padding: 5px; /*内边距*/  

     border: 1px solid #C8C7CC;/*边框*/

     margin: 5px;  /*外边距*/  

}

</style>

运行效果如图：

【uniapp参考资料】

（1）uni-app跨平台开发 入门到实战 

https://ke.qq.com/course/package/26512

（2）uni-app 完整商城界面设计实战  

https://ke.qq.com/course/2381059

（3）基于vue的uniapp商城完整项目源代码 

https://ke.qq.com/course/3064977

（4）毕业设计网

http://www.pc-365.net

（5）小程序编程网

http://www.4317.org

（6）计算机编程网

http://www.05423.com