vue watch監聽頁面高度變化

您好！关于您提出的问题，可以使用Vue的watch属性来监测页面高度变化。您可以通过以下方式实现：

1.在Vue实例中添加一个watch属性。

2.在watch属性对象中，配置一个handler函数。

3.在handler函数中，使用Vue.nextTick()函数来获取页面的最新高度值。

4.将最新高度值存储在Vue实例的一个data属性中，以供页面其他组件使用。

下面是一个示例代码，供您参考：

<template>
  <div>
    <h1>页面高度：{{ pageHeight }}px</h1>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        pageHeight: 0
      }
    },
    watch: {
      // 监听页面高度变化
      '$route': {
        handler: function (to, from) {
          Vue.nextTick(() => {
            this.pageHeight = document.documentElement.scrollHeight
          })
        },
        immediate: true
      }
    }
  }
</script>

希望这对您有所帮助，如果您还有其他问题，请随时提出，感谢您的提问！