v-if：它是动态的向DOM树内添加或者删除DOM元素，当此元素在隐藏状态时，你想要获取此元素，渲染内容时是获取不到的，html页面内是没有此元素的。
v-show：本质就是通过设置css中的display设置为none，控制隐藏，此时是能获取到他的DOM元素的。
这是我在使用接口内base64格式的二维码图片渲染弹出窗的使出现的问题，使用v-if获取不到弹出窗的DOM元素，换成v-show后就可实现
vue中v-if与v-show的区别
2023-11-03
34
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue中v-if与v-show的区别
目录
相关文章
|
2天前
|
缓存
JavaScript
前端开发
|
4天前
|
JavaScript
前端开发
开发者
Vue v-for 进阶指南：in 与 of 的区别及应用场景 | 笔记
Vue.js 中的 v-for 是强大的遍历指令，但其中的 in 和 of 关键字往往被开发者忽视。尽管它们的用法相似，但适用的场景和数据结构却各有不同。本文将详细探讨 v-for 中 in 和 of 的区别、适用场景以及在实际开发中的最佳使用时机。通过理解它们的差异，你将能够编写更加高效、简洁的 Vue.js 代码，灵活应对各种数据结构的遍历需求。
40
6
6
|
2天前
|
缓存
JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项，它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别，可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中，要根据具体情况灵活选择使用，以满足不同的需求。
5
2
2
|
2天前
|
JavaScript
搜索推荐
UED
vue的自定义指令
【10月更文挑战第14天】Vue 自定义指令为我们提供了一种强大的工具，使我们能够更灵活地控制和扩展 Vue 应用的行为。通过合理地使用自定义指令，可以提高开发效率，增强应用的功能和用户体验。
7
1
1
|
3天前
|
JavaScript
|
4天前
|
JavaScript
前端开发
|
5天前
|
缓存
JavaScript
前端开发
Vue 中动态导入的注意事项
【10月更文挑战第12天】 在 Vue 项目中，动态导入是一种常用的按需加载模块的技术，可以提升应用性能和效率。本文详细探讨了动态导入的基本原理及注意事项，包括模块路径的正确性、依赖关系、加载时机、错误处理、缓存问题和兼容性等，并通过具体案例分析和解决方案，帮助开发者更好地应用动态导入技术。
8
2
2
|
5天前
|
JavaScript
API
|
4天前
|
JavaScript
UED
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
【10月更文挑战第5天】本示例展示了如何在 Vue.js 中使用 Element UI 组件实现动态添加和删除嵌套表单项。该表单包含设备信息、设备部位及其对应的任务列表，支持用户动态添加设备部位和任务，并提供相应的表单验证规则。
23
0
0
|
5天前
|
JavaScript
热门文章
最新文章
1
vite 如何做到让 vue 本地开发更快速？
2
使用vue-demi来开发一个vue2和vue3组件
3
OSS对象存储后端实现+Vue实现图片上传【基于若依管理系统开发】
4
docker nginx 部署 vue项目
5
vue3 使用第三方插件问题 bundler to alias “vue“ to “vue/dist/vue.esm-bundler.js
6
浅尝Vue最新状态管理工具Pinia(实战使用Pinia管理登录状态)
7
VUE element-ui之table表格前端自动过滤（筛选），不调用数据接口筛选表格，方法
8
vue2 el-select 改造成下拉树，支持数据回显
9
解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation
10
手撸vue3核心源码——响应式原理(ref)