vue ref 设置样式

for (let i = 0; i < this.$refs.jobTitleRef.length; i++) {if (this.$refs.jobTitleRef[i].offsetHeight > 80) {this.$refs.jobTitleRef[i].parentElement.style.height = '92px';}}分页里，滚动事件里，获取子元素高度，动态调整父

OCEAN__

5079人浏览 · 2022-04-28 16:47:40

OCEAN__ · 2022-04-28 16:47:40 发布

for (let i = 0; i < this.$refs.jobTitleRef.length; i++) {
  if (this.$refs.jobTitleRef[i].offsetHeight > 80) {
    this.$refs.jobTitleRef[i].parentElement.style.height = '92px';
  }
}

分页里，滚动事件里，获取子元素高度，动态调整父元素高度，保证一致性，提高美观。

做个笔记，虽然是冷门的功能，以后说不定还用得上。

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