带你玩转vue——DOM节点v-if判断导致的生命周期问题

简介: 带你玩转vue——DOM节点v-if判断导致的生命周期问题

vue页面在生成过程中,会先加载页面中的DOM元素,如果我们在页面中使用v-if的判断条件,vue在页面加载的时候是不会生成该DOM节点的,如果我们在v-if条件判断的节点上使用this.$refs,则会出现该DOM没有被注册的情况,此时我们需要使用this.forceUpdate();在v-if语句判断生效后重新加载页面DOM节点 。


相关文章
|
6天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
6天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
6天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
2天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
2天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
1天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
4天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
4天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
3天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
5天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树