莫度编程网

技术文章干货、编程学习教程与开发工具分享

v-if判断的使用方法——踩坑篇(v-if 判断空)

if判断语句

①判断的定义

如果条件满足,才能做某件事情,如果条件不满足,就做另外一件事情,或者什么都不做,正是因为有了判断,才使得程序世界丰富多彩,充满变化。判断语句又被称为分支语句,正是因为有了判断,才让程序有了很多的分支。

②vue中if语句的使用(v-if)

v-if使用一般有两个场景:

(1)多个元素 通过条件判断展示或者隐藏某个元素,或者多个元素。

(2)进行两个视图之间的切换。



注意:

(1)v-if和v-else或v-else-if之间不能添加其他元素。

(2)v-if 为同一类型组件(或同一模板的dom树)来做显示和隐藏时,最好在最外层添加key属性来设定唯一标识,否则容易出问题。

(3)v-if切换的是逻辑复杂的控件时,切换时不重新渲染极易出问题,需要给要重新渲染的控件添加一个key属性,来唯一标识该控件,被key标识后会重新渲染。



扩展

①短路运算 (逻辑中断)

短路运算的原理:当有多个表达式(值)时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式值。





② 注意: if条件语句中使用(逻辑或 ||条件之间是或者的关系, 逻辑与 &&两个条件必须一致)

③ if判断中== 与 === 的区别

1 . == 用于比较、判断两者相等,比较时可自动换数据类型

2. === 用于(严格)比较、判断两者(严格)相等,不会进行自动转换,要求进行比较的操作数必须类型一致,不一致时返回flase。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言

    Powered By Z-BlogPHP 1.7.4

    蜀ICP备2024111239号-43