当前位置: 首页 > news >正文

vue2:v-if和v-show的区别以及造成的影响

          <div class="form-box-4" v-show="checkedList.includes('0505')"><span class="form-box-4-label"><span style="color: red">*</span>三失一偏类型:</span><ta-form-itemfield-decorator-id="threelostoneType":span="24":field-decorator-options="{rules: [{ required: true, message: '请选择三失一偏类型' }],}":disabled="isTypeDisabled"><ta-checkbox-groupcollection-type="ZAFK_THREELOSTONE_TYPE":value="threelostoneTypeList":disabled="isTypeDisabled"/></ta-form-item></div>

看上面这一段代码,一个复选框,用div包裹,添加了一个v-if条件。就因为这个v-if,导致了接口返回的数据不能回显。
v-if和v-show都能控制元素是否显示,然而原理却完全不同。
v-if:如果为false就销毁元素,原来的那个dom对象就不存在了;如果为true,就创建一个新的dom对象。这导致了我在initForm中回显了数据,但是因为元素经历了一个销毁又被创建的过程,导致会显得数据消失了。
v-show:并不会创建或者销毁元素,而只是在页面上隐藏,无法看到,dom对象还是在的。但是也无法触发生命周期和钩子,因为对象一直都在。

http://www.zskr.cn/news/27728.html

相关文章:

  • P6845 题解
  • office2024绿色精简版
  • LGP3694 邦邦的大合唱站队 学习笔记
  • TRAE 设计团队如何玩转 Vibe Coding(上)|高美感页面生成篇
  • 详细介绍:观察者模式(Observer Pattern)定义了对象之间的一对多依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都会得到通知并自动更新。
  • LeeCode_226反转二叉树
  • TRAE 设计团队如何玩转 Vibe Coding(下)|设计工具生成与提效篇
  • 取证-windbg和dmp,以及文件分析基本流程
  • 20232422 2025-2026-1 《网络与系统攻防技术》实验二实验报告
  • 完整教程:C++项目:仿muduo库高并发服务器-------connection模块
  • 营销数字化专家要求
  • 完整教程:LeapMotion_Demo演示
  • [题解]P11126 [ROIR 2024] 三等分的数组 (Day 2)
  • 1111111111111
  • 数据库学习篇(持续更新中)
  • Fortinet产品安全漏洞分析:FGFM协议未经认证连接重置漏洞
  • Yolo11分割模型
  • 这是一个测试文档
  • 智联笔记项目——251022登录注册、后端管理及内容类型处理优化
  • 2025.10.22博客
  • 完整教程:基于WebAssembly的STEP文件3D在线查看器实现详解
  • 实用指南:86-python电网可视化项目-6
  • 通过电脑调试 Android/iOS 手机端网页
  • CMS垃圾回收器详解
  • 实用指南:生活琐记(3)
  • 设计模式-建造者模式 - 实践
  • 实用指南:C++设计模式_创建型模式_原型模式Prototype
  • 第二十一篇
  • [MS-DOS]MS-DOS 6.22 with CD-ROM Driver.ver.6.22.English下载与安装
  • 2025 年国内品牌设计公司最新推荐排行榜:聚焦行业领军者优势,精选优质服务商深度解析