首页 > 其他分享 >v-if渲染的条件?

v-if渲染的条件?

时间:2022-11-05 21:06:55浏览次数:60  
标签:真值 false 渲染 假值 dom 条件 true

v-if的测试条件为true时执行渲染dom节点,否则直接跳过渲染下面的dom节点

今天突然忘了v-if="''"和v-if="{}"是false还是true了,查清楚了第一个为false第二个为true

JavaScript中,假值(false)真值(true)

假值(不算false的话)5个:undefined,null,NaN,0,""

真值:除了假值,其他都是真值

<view v-if="true"></view>//渲染
<view v-if="{}"></view>//渲染
<view v-if="undefined"></view>//不渲染
<view v-if="null"></view>//不渲染
<view v-if="NaN"></view>//不渲染
<view v-if="0"></view>//不渲染
<view v-if="''"></view>//不渲染

let a = {};
let b = "";
<view v-if="a">真值空对象演示</view>//a={},{}为真值true所以v-if测试条件成立为true渲染此dom
<view v-if="b">假值空字符串演示</view>//b="",""为假值false所以v-if测试条件不成立为false不渲染此dom


标签:真值,false,渲染,假值,dom,条件,true
From: https://blog.51cto.com/u_15694202/5826062

相关文章

  • 可编程渲染管线(Scriptable Render Pipeline, SRP)
    原文链接可编程渲染管线处理数据的流程可分为以下3大阶段1.应用阶段这个阶段大概会由CPU处理4件事情。首先会对模型数据进行可见性判断。模型数据由顶点位置、法线方......
  • MySQL 按条件查询 2022/09/05
    ......
  • 如何评价微信小程序新渲染引擎skyline?
    简介小程序一直以来采用的都是AppService和WebView的双线程模型,基于WebView和原生控件混合渲染的方式,小程序优化扩展了Web的基础能力,保证了在移动端上有良好的性......
  • .Net Core 3.0 对 MongoDB 的多条件(两种)查询操作
    前言  在日常开发中,偶尔会用到MongoDB的数据操作,也花费了一些时间调试,因此在此处记录一下,共同进步。废话少说,出招吧!正文2.1准备工作首先需要引入.Net平台链接......
  • JSONArray数据值作为条件查询时--in
    背景:需要查询一段业务并且是以JSONArray中的值作为判断条件之一的:json_contains(字段名,json_array(值),'$') 数据库字段:  SQL写法:   lambdaQuery写法:......
  • 数据结构 玩转数据结构 6-4 深入理解递归终止条件
    0课程地址https://coding.imooc.com/lesson/207.html#mid=13456 1重点关注1.1代码草图   1.2二分搜索树添加元素代码简化......
  • MySQL—简单,分组,条件查询
    MySQL1.什么是SQL:结构化查询语言(StructuredQueryLanguage)。2.SQL的作用:客户端使用SQL来操作服务器。启动mysql.exe,连接服务器后,就可以使用sql来操作服务器了。将......
  • CAD和实时渲染之间的差距
    建筑师如何将他们喜爱的CAD工具与虚幻引擎和Twinmotion等快速实时渲染工具结合使用每个建筑师都有自己喜欢的设计工具。从Revit的粉丝到阿奇卡德的狂热用户,AEC专业人员通......
  • 实时渲染将如何改变工作方式
    艺术家和TD正在转向实时引擎,以加快内容生成过程大多数工作站中的图形卡也能够使用实时渲染的潜在功能生成高质量的图像,建筑可视化已经很好地利用了图形卡和某些应用程序,其......
  • 实时渲染如何改变视频制作和动画制作
    在过去的几年里,关于视频游戏和视觉效果的融合有很多讨论。如今,这两种媒体都倾向于依赖相同或相似的工具来生成CG资源并为其添加动画效果,并且视频游戏的质量肯定接近视觉特......