vue 拿到盒子的高度

在Vue.js中，如果你想要获取元素的高度，通常会通过JavaScript操作DOM或者使用Vue提供的响应式特性。这里有几个常用的方法：

1. **直接访问**:
可以使用`ref`属性创建一个引用，然后在模板中绑定这个引用并读取其高度。例如：

   <div ref="myBox"></div>
   {{ $refs.myBox.offsetHeight }}

2. **计算属性**:
如果需要在数据更新时获取高度，可以定义一个计算属性，它依赖于某个值，比如元素的style对象。

   data() {
     return {
       boxStyle: null,
     }
   },
   computed: {
     boxHeight() {
       if (this.boxStyle) {
         return this.boxStyle.height;
       } else {
         // 使用懒加载或者其他方法获取高度
       }
     }
   },
   mounted() {
     this.boxStyle = window.getComputedStyle(this.$refs.myBox);
   }

3. **事件监听**:
也可以通过`@update`或自定义事件来获取动态变化的高度。

注意：以上示例假设你有`mounted`生命周期钩子函数用于初始化获取高度。如果元素是在组件渲染后添加到DOM的，记得处理这种情况。