获取vxe-form 的高度

获取Vue Element UI (vxe-form) 的高度通常需要通过JavaScript操作DOM元素，因为Vue本身并不直接提供这样的高度信息。你可以选择以下几种方法：

1. **ref绑定**: 给`vxe-form`添加`ref`属性，并在Vue实例的data里定义一个变量来存储这个引用。然后，你可以通过`.clientHeight`或`.scrollHeight`访问到它的高度。

<template>
  <div ref="formRef">
    <vxe-form></vxe-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formHeight: null,
    };
  },
  mounted() {
    this.formHeight = this.$refs.formRef.clientHeight;
  },
};
</script>

2. **计算属性**: 如果你想在一个响应式的上下文中获取高度，可以创建一个计算属性来定期更新它。

computed: {
  formHeight() {
    return this.$refs.formRef ? this.$refs.formRef.offsetHeight : null;
  },
},

3. **事件监听**: 可能的情况下，也可以使用`$on`或自定义事件来在组件状态变化时获取高度。

<template>
  <div @resize="updateFormHeight"></div>
  ...
</template>

<script>
methods: {
  updateFormHeight() {
    this.formHeight = this.$refs.formRef.clientHeight;
  },
}
</script>

请注意，以上代码示例假设`vxe-form`是在DOM渲染完成后再进行高度获取的，如果在模板中就绑定了`ref`并尝试获取高度可能会失败。在实际应用中，你需要根据实际情况调整。