大家都知道mounted声明周期是发生在dom挂载完成之后，所以理论上是可以获取到dom元素的
mounted() {
console.log(this.$refs.test)
},
image.png
但是有一些特殊情况下，是没办法在mounted中直接获取到都dom元素的。
例如，dom是一个v-if判断展示与否的元素时，如果我们在mounted里使判断条件成立，那么此时打印这个dom元素会是undefined。
这个时候就需要使用异步操作来获取。
mounted() {
this.loading =true
方案一：
setTimeout(()=>{
console.log(this.$refs.test)
},0)
方案二：
this.$nextTick(()=>{
console.log(this.$refs.test)
})
},
大家都知道mounted声明周期是发生在dom挂载完成之后，所以理论上是可以获取到dom元素的 但是有一些特殊情况...
vue 如果需要在DOM加载完成后获取DOM的动态属性，请使用updated生命周期，mounted有的时候获取...
vue 如果需要在DOM加载完成后获取DOM的动态属性，请使用updated生命周期， mounted有的时候获取...
在watch监听中总有dom数据没有获取到， 因为created 和mounted钩子函数用法错误watch 中...
vue生命周期 1、什么阶段才能调用DOM在钩子函数 mounted 被调用前，Vue 已经将编译好的模板挂载到页...
关于this.$refs获取dom节点在mounted中使用this.$refs需要注意，虽然mounted表示d...
# 前言 Nuxt的数据请求是放在asyncData钩子里的，而Vue项目一般是放在mounted钩子里，区别在于...
钩子函数,表示在页面加载之后就执行代码 mounted 通过控制dom自动获取焦点 在页面加载完成之后执行代码...
vue中 在 mounted钩子中 重置高度， position:absolute;
vue生命周期钩子函数有： beforeCreate、created、beforeMount、mounted、be...
本文标题：关于vue mounted钩子里能不能获取dom的问题
本文链接：https://www.haomeiwen.com/subject/kkvlcrtx.html
网友评论