vue3的子组件中的onMounted为什么拿不到节点信息
时间: 2024-04-25 10:24:36 浏览: 103
解决Vue中mounted钩子函数获取节点高度出错问题
引用\[2\]:Vue3 中通过 ref 访问元素节点与 Vue2 不太一样,在 Vue3 中我们是没有 this 的,也没有 this.$refs。想要获取 ref,我们只能通过声明变量的方式。\[2\]在Vue3中,我们可以使用ref来获取元素节点的引用。在子组件中,可以通过声明一个ref变量来获取节点的引用。例如,在子组件中声明一个ref变量test来获取一个div节点的引用,然后在onMounted钩子函数中,可以通过test.value来访问这个节点。这样就可以获取到节点的信息了。\[2\]
所以,如果在Vue3的子组件中的onMounted钩子函数无法获取节点信息,可能是因为没有正确声明ref变量或者没有使用ref.value来访问节点。请确保在子组件中正确声明ref变量并使用ref.value来访问节点。
#### 引用[.reference_title]
- *1* *2* *3* [vue3 的组件通信以及ref的使用&v-model](https://blog.csdn.net/gao_xu_520/article/details/125596347)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文