vue3 获取dom的offsetHeight
时间: 2023-08-08 16:06:06 浏览: 151
在Vue 3中,可以使用`ref`来获取DOM元素的`offsetHeight`。首先,你需要在`setup`函数中创建一个`ref`对象来引用DOM元素。然后,在`onMounted`钩子函数中,你可以通过`ref.value.offsetHeight`来获取DOM元素的高度。下面是一个示例代码:
```javascript
import { ref, onMounted } from 'vue'
export default {
setup() {
const goodInfo = ref(null)
onMounted(() => {
console.log(goodInfo.value.offsetHeight)
})
return {
goodInfo
}
}
}
```
在上面的代码中,我们创建了一个`goodInfo`的`ref`对象来引用DOM元素。在`onMounted`钩子函数中,我们可以通过`goodInfo.value.offsetHeight`来获取DOM元素的高度。
#### 引用[.reference_title]
- *1* [Vue中获取dom元素的宽高](https://blog.csdn.net/qq_44401371/article/details/127360440)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue3.0获取虚拟dom方法](https://blog.csdn.net/vscode_js/article/details/118681134)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]