当调用Vue组件安装的钩子时,内部的所有DOM是否都已渲染?

时间:2019-01-16 18:52:04

标签: vue.js

更新:我忘了在那个div级别删除v-if,这会阻止底层元素的显示


在Vue中,如果我有类似这样的组件,则是一个快速问题:

<uploader></uploader>

在其模板内:

<div><input type="file" ref="upldr" /></div>

我想知道为什么我无法访问该输入DOM,如:

this.$refs.upldr

它给了我undefined

这是否意味着当调用挂接的钩子时,模板中的所有DOM元素都没有呈现?

谢谢

1 个答案:

答案 0 :(得分:0)

查看Vue的官方文档以了解其生命周期。

因此,一旦您到达mounted钩子,DOM将被完全渲染并完成。这是您可以附加的最后一个钩子,而不是事件或退出函数。

简而言之:是的,一旦您到达mounted,一切准备就绪,一切就绪,剩下的就与更新或退出Vue有关。

enter image description here