vue2如何监听div的高度变化

在Vue2中，可以使用Vue.nextTick()方法来监听div的高度变化。具体步骤如下：

1. 在mounted()生命周期钩子函数中获取需要监听的div元素，并将其存储在Vue实例的一个属性中，例如divRef。

mounted() {
  this.divRef = this.$refs.divElement;
}

2. 使用Vue.nextTick()方法来监听div的高度变化。该方法会在DOM更新完毕后执行回调函数。

methods: {
  handleHeightChange() {
    Vue.nextTick(() => {
      const newHeight = this.divRef.offsetHeight;
      // 处理高度变化
    });
  }
},

3. 在需要监听高度变化的地方调用handleHeightChange()方法。

mounted() {
  this.handleHeightChange();
},

当div的高度发生变化时，handleHeightChange()方法会被调用，并获取到最新的高度值。你可以在回调函数中进行相应的处理