vue页面在生成过程中，会先加载页面中的DOM元素，如果我们在页面中使用v-if的判断条件，vue在页面加载的时候是不会生成该DOM节点的，如果我们在v-if条件判断的节点上使用this.$refs，则会出现该DOM没有被注册的情况，此时我们需要使用this.forceUpdate();在v-if语句判断生效后重新加载页面DOM节点 。
带你玩转vue——DOM节点v-if判断导致的生命周期问题
2021-11-10
681
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
带你玩转vue——DOM节点v-if判断导致的生命周期问题
相关文章
|
1月前
|
JavaScript
API
开发者
|
6天前
|
JavaScript
关系型数据库
MySQL
基于VUE的校园二手交易平台系统设计与实现毕业设计论文模板
基于Vue的校园二手交易平台是一款专为校园用户设计的在线交易系统，提供简洁高效、安全可靠的二手商品买卖环境。平台利用Vue框架的响应式数据绑定和组件化特性，实现用户友好的界面，方便商品浏览、发布与管理。该系统采用Node.js、MySQL及B/S架构，确保稳定性和多功能模块设计，涵盖管理员和用户功能模块，促进物品循环使用，降低开销，提升环保意识，助力绿色校园文化建设。
53
17
17
|
1月前
|
JavaScript
前端开发
开发者
|
1月前
|
JavaScript
前端开发
开发者
|
1月前
|
存储
JavaScript
前端开发
|
2月前
|
XML
JavaScript
数据格式
|
2月前
|
JavaScript
|
2月前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中，文档中的所有内容都被视为节点。整个文档是一个文档节点，每个 HTML 元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。DOM 将文档表示为节点树，节点之间有父子和同胞关系。
34
3
3
|
2月前
|
JavaScript
HTML DOM 节点
HTML DOM（文档对象模型）将HTML文档视为节点树，其中每个部分都是节点：文档本身是文档节点，HTML元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。节点间存在父子及同胞关系，形成层次结构。
32
3
3
|
2月前
|
XML
JavaScript
数据格式
热门文章
最新文章
1
VS Code书写vue项目配置 eslint+prettier 统一代码风格
2
基于Serverless函数计算FC一键搭建VUE3.0脚手架
3
vue之webpack打包原理和用法详解
4
VUE3中watch与watchEffect —— 全网最详细系列
5
中文代码示例之Vuejs入门教程(一)
6
vue中关于element的el-image 图片预览功能增加一个下载按钮
7
自己设计的Vue3的实用项目（内含对项目亮点的实现思路与介绍）（上）
8
vue3.0 bpmn-js + TS 简易教程
9
Vue3——使用v-if或v-show来实现过渡的动画效果
10
基于springboot+vue的医院预约系统(前后端分离)