vue如何获取一个元素的高度

Vue 中获取一个元素的高度可以使用 JavaScript 原生方法或者 Vue 内置的 $refs。使用 JavaScript 原生方法：可以在 mounted 钩子函数中获取到元素，然后使用 offsetHeight 属性获取元素高度。mounted () {let element = this.$el.querySelector('.element')let heigh...

Shen Planck

6052人浏览 · 2023-02-13 21:45:36

Shen Planck · 2023-02-13 21:45:36 发布

Vue 中获取一个元素的高度可以使用 JavaScript 原生方法或者 Vue 内置的 $refs。

使用 JavaScript 原生方法：

可以在 mounted 钩子函数中获取到元素，然后使用 offsetHeight 属性获取元素高度。

mounted () {
  let element = this.$el.querySelector('.element')
  let height = element.offsetHeight
}

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}$/, //不连续的两位字母// /^