vue 页面获取元素高度和$el的问题

1.最近遇到一个需求就是vue中遇到 this.refs.elForm.offsetHeight，获取不到该高度<el-form :model="addOrEditForm" class="el-form-dialog" label-width="120px" ref="elForm" ></el-form>2.然后通过了解才知道，该元素事el...

dmd82119

5855人浏览 · 2019-09-02 15:37:00

dmd82119 · 2019-09-02 15:37:00 发布

1.最近遇到一个需求就是vue中遇到 this.refs.elForm.offsetHeight，获取不到该高度

<el-form :model="addOrEditForm" class="el-form-dialog" label-width="120px" ref="elForm" >
</el-form>

2.然后通过了解才知道，该元素事elementui分装的元素，需要再获取的前提加一个$el(如果是html标签就不用加)

this.refs.elForm.$el.offsetHeight

就可以获取到其高度

转载于:https://www.cnblogs.com/weixiaoliang/p/11446949.html

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^