第一种 获取方式 const pageInstance = getCurrentInstance(); // 获取dom节点对象 const tagDomObj = pageInstance.refs.divDom; 第一种 获取方式

2、了解 如何获取元素中的宽高

<div ref="init"></div> 写在 页面 方法 部分 这里的 offsetHeight 是返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距） let height= this.$refs.init.$el.offsetHeight; let height= divDom.VALUE.$el.offsetHeight; // 在Vue3 中的写法 这里的offsetHeight可以替换，用来获取其他的属性 offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距） offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距） clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距） clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距） style.width //返回元素的宽度（包括元素宽度，不包括内边距、边框和外边距） style.height //返回元素的高度（包括元素高度，不包括内边距、边框和外边距） scrollWidth //返回元素的宽度（包括元素宽度、内边距和溢出尺寸，不包括边框和外边距），无溢出的情况，与clientWidth相同 scrollHeigh //返回元素的高度（包括元素高度、内边距和溢出尺寸，不包括边框和外边距），无溢出的情况，与clientHeight相同 除此之外，还可以获取带有单位的数值 let height = window.getComputedStyle(this.$refs.init).height; 这样获取的值是有单位的。 vue use/core 是一个 Vue 3 的常用工具集，提供了许多有用的 Vue Composition API 函数。其 中 useWindowSize 就是其 中 之一，用于在 Vue 3 组件 中 获取 窗口尺寸的 Hook。在上面的示例 中 ，我们通过 useWindowSize 获取 了窗口的尺寸信息，并将其绑定到组件的数据 中 ，以便在模板 中 显示窗口的 宽度 和高度。使用 useWindowSize 可以轻松地 获取 窗口的 宽度 和高度，并且当窗口大小发生变化时会自动更新。 项目背景：需要使用echarts进行图表展示。由于 div 宽高是不固定的，因此需要先 获取 父级的宽高再把值赋予到图表的 div 中 。需要使用this.$nextTick(() => { });方法，在mounted 中 ，保证DOM渲染完全后，在进行echarts初始化。import echarts from 'echarts';export default {name: "wifiCollect... 小程序获能用createSelectorQuery，如果是子组件，后面可以额外加一个参数in来指定 获取 dom的范围。小程序里面可以直接.in(this)，但是 vue 3没有this了，那就只能通过。去 获取 当前实例代替this ，注意这里需要用解构的方法把proxy引进来。 在 Vue 中 ，可以通过使用ref属性给DOM元素添加一个引用，然后通过$refs对象来 获取 该DOM元素的引用。通过引用可以 获取 DOM元素的高度。在 Vue 中 ，我们经常需要 获取 DOM元素的高度，以便进行一些自定义的样式或布局操作。下面介绍几种常用的 获取 DOM元素高度的方法。这是几种常用的在 Vue 中 获取 DOM元素高度的方法。根据实际情况选择合适的方法来 获取 DOM元素的高度，以便进行后续的操作。我们可以利用计算属性来 获取 DOM元素的高度。有时候，DOM元素的高度可能在 Vue 实例的更新周期之后才能 获取 到。 想写一个依赖库, 但是需要监听组件的width和height这些数据, 就找到了这个方法,不想每次使用的时候都要创建和销毁, 索性就直接封装成为一个指令用来 获取 想要的信息,对象上能够 获取 的信息还是非常多的, 除了还有等, 需要使用到这些可以到MDN去查看他的使用方法实现效果当元素大小发生改变时,会自动更新width 和height 的值。 1、this.$refs 2、document.querySelector() document.getElementById() document.getElementByTagName()等等 确保 获取 到的元素不是undefined或null vue 中 ，在mounted()生命周期函数 中 才能 获取 dom元素，建议在修改样式时加个定时器，或者将代码放入 $nextTick() 中 执行。 二、 获取 元素的宽高 1、如果是内嵌样式style="width:100px,height:10.. 最近使用 D3.js 开发可视化图表，因为移动端做了 rem 适配，所以需要 动态 计算 获取 图表容器的宽高，其 中 涉及到一些原生DOM API的使用，避免遗忘这里总结一下。