vue页面在生成过程中，会先加载页面中的DOM元素，如果我们在页面中使用v-if的判断条件，vue在页面加载的时候是不会生成该DOM节点的，如果我们在v-if条件判断的节点上使用this.$refs，则会出现该DOM没有被注册的情况，此时我们需要使用this.forceUpdate();在v-if语句判断生效后重新加载页面DOM节点 。
带你玩转vue——DOM节点v-if判断导致的生命周期问题
2021-11-10
686
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
带你玩转vue——DOM节点v-if判断导致的生命周期问题
相关文章
|
3月前
|
JavaScript
VUE学习二：事件监听(v-on)、条件判断(v-if/v-else-if/v-else)、循环遍历(v-for)
这篇文章是关于Vue.js的学习指南，涵盖了事件监听、条件判断、循环遍历、数组方法响应性、案例分析以及高阶函数的使用。
75
2
2
|
2月前
|
监控
JavaScript
前端开发
vue学习第十二章(生命周期）
欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。本文深入探讨了Vue实例的生命周期，从初始化到销毁各阶段的关键钩子函数及其应用场景，帮助你更好地理解Vue的工作原理。如果你觉得有帮助，欢迎关注我，将持续分享更多优质内容！🎉🎉🎉
43
1
1
|
3月前
|
JavaScript
|
3月前
|
JavaScript
|
3月前
|
JavaScript
|
3月前
|
数据可视化
JavaScript
前端开发
|
3月前
|
开发者
|
3月前
|
JavaScript
|
3月前
|
JavaScript
前端开发
API
|
3月前
|
JavaScript
算法
前端开发
在Vue开发中v-if指令和v-show指令的使用介绍，v-if和v-for的优先级以及使用注意事项的介绍
在Vue开发中v-if指令和v-show指令的使用介绍，v-if和v-for的优先级以及使用注意事项的介绍
37
0
0
热门文章
最新文章
1
基于VUE的校园二手交易平台系统设计与实现毕业设计论文模板
2
vue使用iconfont图标
3
vue3使用pinia中的actions，需要调用接口的话
4
Figma-Low-Code：快速将Figma设计转换为Vue.js应用，支持低代码渲染、数据绑定
5
【Vue.js】监听器功能（EventListener）的实际应用【合集】
6
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
7
VS Code书写vue项目配置 eslint+prettier 统一代码风格
8
「后端小伙伴来学前端了」Vue集成 Element-tiptap 富文本编辑器
9
vue3.0 router路由跳转传参（router.push）
10
Vue中 引入外部字体并使用