vue.js - vuejs在窗口调整大小时获取参考元素高度

Question

我正在尝试获取 h1 ref 元素的高度，但它显示为未定义

如何获得我的 h1 元素的高度？

export default {
  data() {
    return { 
      h1: null,
    };
  },
  methods: {
   getH1Height() {
      console.log(this.h1);
    },
  },
  mounted() {
    this.$nextTick(() => {
      this.h1 = this.$refs.h1;
    });
    window.addEventListener('resize', () => {
      this.getH1Height();
    });
   
  },
};

模板.js

         <h1
            ref="h1">
          {{ productTitle }}
        </h1>

标签： vue.jsvuejs2

Answer 1

你可以试试 ：

this.$refs.h1.offsetHeight