let height= this.$refs.init.offsetHeight;
这里的offsetHeight可以替换，用来获取其他的属性
offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）
offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）
clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）
clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距）
style.width //返回元素的宽度（包括元素宽度，不包括内边距、边框和外边距）
style.height //返回元素的高度（包括元素高度，不包括内边距、边框和外边距）
scrollWidth //返回元素的宽度（包括元素宽度、内边距和溢出尺寸，不包括边框和外边距），无溢出的情况，与clientWidth相同
scrollHeigh //返回元素的高度（包括元素高度、内边距和溢出尺寸，不包括边框和外边距），无溢出的情况，与clientHeight相同
除此之外，还可以获取带有单位的数值
let height = window.getComputedStyle(this.$refs.init).height;
这样获取的值是有单位的。
smile_hahahaxixi 同学提示下，已经修改。
使用 vue 的时候，想要获得一个指定的元素的高度时，可以使用 vue 中的ref 。当 ref 加在普通的元素上，使用 this.ref.name 获取到的是 dom 元素示例写在 页面 html 部分的<div ref="init"></div> 写在 页面 方法 部分这里的offsetHeight 是返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）let height= this.$refs.init.offsetHeight...
Vue.nectTick() 是在下次DOM更新循环结束之后执行延迟回调
补充知识：vue 获取 指定元素的高度宽度等（使用vue中的 ref 获取到的是 dom 元素高度或者宽度）
使用 vue 的时候，想要
<input type="text" value="123" ref="input1" id="input1">
console.log(this.$refs.div1)//<div>123</div>
console.log(this.$refs.inp...
1、this.$refs
2、document.querySelector() document.getElementById() document.getElementByTagName()等等
确保获取到的元素不是undefined或null
vue中，在mounted()生命周期函数中才能获取dom元素，建议在修改样式时加个定时器，或者将代码放入 $nextTick()中执行。
二、获取元素的宽高
1、如果是内嵌样式style="width:100px,height:10..
dom 结构
<div id="id1" class="class1"
ref="
ref1" style="width: 100px; height: 100px;"></div>
通过 id
获取高度宽度
let widthid1 = document.getElementById("id1").offsetWidth
let heightid = document.getElementById("id1").offsetheight
通过class
获取高度宽度
直接给相应的元素加id,然后再document.getElementById(“id”);获取，然后设置相应属性或样式
使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素
注意：在获取相应元素之前，必须在mount钩子进行挂载，否则获取到的值为空，
如果是给子组件加id并修改自定义属性，则直接会加载改子组件对应的外层div上，并不会改变该子组件原本的自定义属性的值
如果给子组件加ref,然后获取到该DOM元素之后改变相应的自定义属性的值，vue会报错：
Avoid mutating a prop dir
步骤很简单：
通过动态绑定属性给<el></el>绑定
高度，而
高度通过 innerHeight
获取，减去你的头部和底部
高度，剩下的就是整个内容区域的
高度了！话不多说，上代码
//defaultHeight是绑定的属性
<el xss=removed>
<router>
//注意：这里的defaultHeight必须是对象，不懂的可以去官网看下api
data() {
return {
defaultHeight: {
height:
在Vue中，可以使用`ref`来获取DOM元素。首先，在模板中给需要获取的DOM元素添加`ref`属性，然后可以通过`this.$refs`来访问这个DOM元素。
例如，假设你有一个按钮元素，你想要获取它的引用，可以这样做：
```html
<template>
<button ref="myButton">Click me</button>
</template>
然后，在Vue组件的方法中，你可以通过`this.$refs`来访问这个DOM元素的引用。例如，你可以在一个点击事件处理函数中获取这个按钮元素：
```javascript
methods: {
handleClick() {
const buttonElement = this.$refs.myButton;
// 在这里可以对buttonElement进行操作
这样，你就可以使用`buttonElement`来操作这个DOM元素了。请注意，`this.$refs`是一个对象，其中的属性名是你给`ref`属性指定的名字，对应的值就是对应的DOM元素的引用。
Alexis_csdn:
vant 使用上传表单组件（调用手机摄像头拍照）
memory 流年:
