el-input 需要显示对象的某个值

`el-input` 是 Element UI 中的一个组件，它是基于 Vue.js 的一个桌面端组件库，用于快速构建网页的 UI 界面。`el-input` 通常用于文本输入。当你需要在 `el-input` 中显示对象的某个值时，可以通过 `v-model` 指令将 `el-input` 绑定到对象的相应属性上。

下面是一个简单的例子，展示如何在 `el-input` 中显示并编辑对象的某个属性值：

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

<script>
export default {
  data() {
    return {
      // 假设有一个对象
      myObject: {
        name: '张三',
        age: 28
      }
    };
  },
  computed: {
    // 通过计算属性获取对象中的属性
    objectProperty() {
      return this.myObject.name;
    },
    // 可以设置一个设置函数来更新对象的属性值
    setMyObjectName() {
      return (value) => {
        this.myObject.name = value;
      };
    }
  }
};
</script>

在上面的代码中，`objectProperty` 是一个计算属性，它返回了 `myObject` 中的 `name` 属性。`v-model` 将 `el-input` 组件与这个计算属性绑定，因此 `el-input` 中显示的值就是对象中 `name` 属性的值。同时，我们定义了一个 `setMyObjectName` 计算属性，当 `el-input` 的值发生变化时，会通过这个函数来更新 `myObject` 的 `name` 属性。