微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

你不知道的三目运算

在我们进行渲染的时候,在有些时候,没有数据。可能会导致页面的上排版出现大的问题。
这个时候我们可以使用三目运算进行处理。

   <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值
否者有些时候回去报错的哈

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐