你不知道的三目运算

简介: 你不知道的三目运算

在我们进行渲染的时候,在有些时候,没有数据。可能会导致页面的上排版出现大的问题。


这个时候我们可以使用三目运算进行处理。


<div v-if="myClassData[1] ? true : false ">
            <div class="data-sectioncalss">{{  myClassData[1].name }}</div>
            <div class="data-sectioncalss">{{  myClassData[1].sex}}</div>
        </div>


myClassData是一个数组。如果没有数组中第一条数据的时候。


我们直接不显示。这样就不会出错了。


在对一个对象进行赋值时,需要注意的事。你要先给子组件赋值,


然后在去添加或者修改key值


否者有些时候回去报错的哈

相关文章
|
1月前
|
存储 算法 编译器
【c 语言 】移位操作符详解
【c 语言 】移位操作符详解
83 0
|
8月前
|
存储 C语言
C语言操作符[算数操作符,赋值操作符,单目操作符,移位操作符]
C语言操作符[算数操作符,赋值操作符,单目操作符,移位操作符]
|
1月前
|
开发框架 .NET 程序员
C#三元运算符使用技巧
C#三元运算符使用技巧
19 0
|
1月前
|
C++
C/C++中三目运算符(条件运算符)的使用详解
C/C++中三目运算符(条件运算符)的使用详解
|
1月前
|
C语言
【C语言】位操作符与移位操作符练习
【C语言】位操作符与移位操作符练习
【C语言】位操作符与移位操作符练习
|
1月前
? : 运算符(三元运算符)
? : 运算符(三元运算符)。
27 7
|
1月前
C中的运算符优先级
C中的运算符优先级。
16 0
|
1月前
|
前端开发 JavaScript 程序员
你真的会用三元运算符吗?
你真的会用三元运算符吗?
|
7月前
|
程序员
三目运算符的使用
三目运算符的使用
|
10月前
|
编译器 C++
移位操作符与位操作符详解
移位操作符与位操作符详解
85 0