element plus 输入框设置自动高度Uncaught (in promise) TypeError: Cannot read properties of null (reading 'offsetHeight')

Element Plus是一款基于Vue.js的UI组件库，其中的Input元素用于接收用户输入。当你尝试设置输入框的高度自动适应内容（比如当用户输入内容时动态调整高度），可能会遇到`Uncaught (in promise) TypeError: Cannot read properties of null (reading 'offsetHeight')`这样的错误。

这个错误通常是由于你在初始化或操作输入框之前，`offsetHeight`属性还没有被计算出来，因为元素可能还在初始加载阶段，并且可能是null或未渲染。解决这个问题通常需要在元素DOM加载完成后再去获取高度，可以使用Vue的`$nextTick`函数来确保这一点：

<template>
  <el-input v-model="inputValue" @input="updateInputHeight"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      inputEl: null,
    };
  },
  methods: {
    async updateInputHeight() {
      this.inputEl = document.querySelector('.your-input-class'); // 确保选择正确的输入元素
      await this.$nextTick();
      if (this.inputEl !== null) {
        this.inputEl.style.height = `${this.inputEl.offsetHeight}px`;
      } else {
        console.error('Element not found');
      }
    },
  },
};
</script>

在这个例子中，我们在用户输入事件(`@input`)触发时，先缓存输入元素引用，然后在`$nextTick`回调里确保DOM已经更新并获取到正确的高度。如果输入元素还未找到，则会打印错误信息。