Element-ui 修改MessageBox.prompt弹框中textarea的高度

在Element UI中，如果你想修改`el-message-box`中`prompt`弹框里的textarea的高度，你可以通过`inputOptions`对象传递自定义的CSS类或直接在JavaScript中操作DOM来实现。下面是一个例子：

首先，在你的`.vue`文件的样式部分，你可以定义一个新的CSS类并设置高度：

<style>
.message-box-custom-textarea {
  height: 150px; /* 调整你希望的高度，如150px */
  resize: both;
}
</style>

然后在你的Vue组件中，传入这个自定义的CSS类：

<template>
  <el-message-box
    v-model="show"
    :input-options="{ customClass: 'message-box-custom-textarea' }"
    @ok="handleOkay"
    @close="handleClose"
  >
    <!-- 其他内容 -->
  </el-message-box>
</template>

接下来，在你的methods中处理相应的事件：

<script>
export default {
  data() {
    return {
      show: false,
      inputValue: '',
    };
  },
  methods: {
    handleOkay(inputValue) {
      // 处理确认按钮点击事件，比如验证输入值
      if (inputValue.trim()) {
        // 输入有效处理逻辑...
      }
      this.show = false;
    },
    handleClose() {
      this.show = false;
    },
  },
};
</script>

这样，每次打开`prompt`弹框时，textarea的默认高度就会变为150px。