我使用原生js的document.getElementById()和Vue的ref属性均获取不到指定dom对象
使用Vue2.0的ref属性
不知道问题出在哪里,请各位大神帮帮忙!
如何在Vue2.0的mounted钩子函数里获取指定dom对象?
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2020-08-27 11:59在 Vue 中使用 mounted 钩子函数获取节点高度时，可能会遇到错误的 offsetTop 值的问题。这是因为在 mounted 钩子函数执行时，图片可能还没有完全加载完毕，从而导致获取到的 offsetTop 值不正确。 问题的根源是...
- 2020-08-30 14:44例如，在beforeCreate钩子函数中，我们可以执行一些初始化操作，在created钩子函数中，我们可以执行一些数据初始化操作，在mounted钩子函数中，我们可以执行一些DOM操作。 结语 Vue 2.0 中的生命周期和钩子函数是...
- 2020-10-17 18:03然而，有时开发者可能会遇到在`mounted`生命周期钩子中无法获取到prop中的变量的问题。这个问题通常发生在尝试访问prop数据时，数据尚未完全初始化或者渲染。Vue的生命周期中，`mounted`表示组件已经被挂载到DOM上，...
- 2019-04-18 08:48半度℃温热的博客 一、理清Vue的生命周期和钩子函数
- 2025-02-16 17:20Pandoraping的博客 在 Vue 3 里，`beforeMount` 和 `mounted` 是两个重要的生命周期钩子函数，它们在选项式 API 和组合式 API 中都有对应的使用方式。下面从触发时机、可用资源、使用场景等方面详细介绍它们的区别：
- 2022-10-11 16:57一只小林的博客 vue2.0生命周期钩子函数
- 2023-07-12 23:25姚先森TO365天的博客 Vue 2.0提供了详细的生命周期钩子函数、父子组件生命周期的区别、指令的生命周期以及路由的钩子函数，使我们能够更好地控制组件、指令和页面的行为。除了上述常用的生命周期钩子函数外，Vue 2.0还提供了一些高级的...
- 2021-12-10 16:58簡一的博客 vue在created钩子函数请求异步数据，在mounted钩子获取不到的问题 data() { return { bannerList: [], }; }, methods:{ getSwiperList() { // 获取列表 getMlistAPI().then( (res) => { this....
- 2020-12-20 21:22weixin_39572168的博客 先上图vue的生命周期遇到的一个问题在我的项目中，常用的生命周期钩子函数一直都是mounted，对于大部分情况，都是屡试不爽、捷报频传~但是在前几天却遭遇了一个意外，我在mounted中获取后台数据并更新data，在...
- 2025-07-27 02:34牛奔的博客 在Vue2中，mounted是Vue组件生命周期中的一个钩子函数。它在组件被挂载到DOM后触发。简单来说，当你的组件已经渲染完成，并且对应的HTML元素已经插入到页面中时，mounted函数就会被调用。mounted是Vue2生命周期中...
- 没有解决我的问题, 去提问
