vue页面在生成过程中，会先加载页面中的DOM元素，如果我们在页面中使用v-if的判断条件，vue在页面加载的时候是不会生成该DOM节点的，如果我们在v-if条件判断的节点上使用this.$refs，则会出现该DOM没有被注册的情况，此时我们需要使用this.forceUpdate();在v-if语句判断生效后重新加载页面DOM节点 。
带你玩转vue——DOM节点v-if判断导致的生命周期问题
2021-11-10
670
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
带你玩转vue——DOM节点v-if判断导致的生命周期问题
相关文章
|
9天前
|
JavaScript
VUE学习二：事件监听(v-on)、条件判断(v-if/v-else-if/v-else)、循环遍历(v-for)
这篇文章是关于Vue.js的学习指南，涵盖了事件监听、条件判断、循环遍历、数组方法响应性、案例分析以及高阶函数的使用。
45
2
2
|
3天前
|
JavaScript
|
3天前
|
JavaScript
|
10天前
|
数据可视化
JavaScript
前端开发
|
1月前
|
缓存
JavaScript
前端开发
vue-day02计算属性,v-bind,v-if,v-for
文章介绍了Vue.js中的计算属性、class与style的绑定、条件渲染和列表渲染的使用。通过示例代码展示了如何使用计算属性简化模板逻辑、如何通过v-bind动态绑定class和style、如何使用v-if进行条件渲染以及如何使用v-for进行列表渲染。这些特性使得Vue.js在构建动态用户界面时更加灵活和强大。
28
1
1
|
13天前
|
开发者
|
12天前
|
JavaScript
|
3天前
|
JavaScript
前端开发
API
|
5天前
|
JavaScript
算法
前端开发
在Vue开发中v-if指令和v-show指令的使用介绍，v-if和v-for的优先级以及使用注意事项的介绍
在Vue开发中v-if指令和v-show指令的使用介绍，v-if和v-for的优先级以及使用注意事项的介绍
8
0
0
|
1月前
|
JavaScript
前端开发
react字符串转为dom标签，类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法，类似于Vue中的`v-html`指令，通过使用`dangerouslySetInnerHTML`属性实现。
57
0
0
