element plus input 里读取函数的返回值

Element Plus 是基于 Vue 3 的一套桌面端组件库，它提供了许多丰富的 UI 组件来帮助开发者快速构建高质量的用户界面。在 Element Plus 中，`<el-input>` 组件是用来创建输入框的。

要在一个 `<el-input>` 组件里读取输入的值，通常我们会使用 v-model 双向数据绑定来实现。v-model 本质上是一个语法糖，它可以让我们很方便地实现表单输入和应用状态之间的双向绑定。当你在 `<el-input>` 中使用 v-model 绑定一个变量时，该变量会自动更新为输入框的内容。

下面是一个简单的例子：

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

<script>
export default {
  data() {
    return {
      inputValue: '' // 这里就是通过 v-model 绑定的变量
    };
  }
};
</script>

在上面的例子中，`inputValue` 将会实时反映 `<el-input>` 中输入的值，反之亦然。

如果你想获取 `<el-input>` 的值而不是实时更新，可以使用 ref 属性来直接引用 `<el-input>` 组件，并通过组件实例的方法来获取值。

<template>
  <el-input ref="inputRef"></el-input>
  <button @click="getValue">获取值</button>
</template>

<script>
export default {
  methods: {
    getValue() {
      this.$refs.inputRef.getValue(); // 调用 Element Plus 的 getValue 方法
    }
  }
};
</script>

在上面的例子中，我们通过 ref 属性创建了一个引用 `inputRef`，然后在点击按钮时调用了 `getValue` 方法来获取输入框中的值。