elmentui中将input框里的内容添加到表格中

可以使用el-table组件来展示表格，使用el-input组件输入内容。具体实现流程如下：

1. 定义数据源：可以使用一个数组来存储表格中的数据，例如：

data() {
  return {
    tableData: [
      { name: '张三', age: 20 },
      { name: '李四', age: 25 },
      { name: '王五', age: 30 }
    ],
    inputName: '',
    inputAge: ''
  }
}

其中，tableData数组存储表格中的数据，inputName和inputAge分别表示输入框中的姓名和年龄。

2. 在el-table中展示数据：使用el-table-column来定义表格的列，例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

其中，prop属性指定列对应的数据源字段，label属性指定列的标题。

3. 实现添加功能：在el-input组件中添加一个添加按钮，点击按钮时将输入框中的内容添加到tableData数组中，例如：

<el-input v-model="inputName" placeholder="请输入姓名"></el-input>
<el-input v-model="inputAge" placeholder="请输入年龄"></el-input>
<el-button @click="addData">添加</el-button>

其中，v-model属性用于双向绑定输入框中的内容，@click事件绑定addData方法。

4. 实现addData方法：在addData方法中将输入框中的内容添加到tableData数组中，例如：

methods: {
  addData() {
    this.tableData.push({ name: this.inputName, age: this.inputAge })
    this.inputName = ''
    this.inputAge = ''
  }
}

其中，push方法将新的数据添加到tableData数组中，同时清空输入框中的内容。

最终的代码如下：

<template>
  <div>
    <el-input v-model="inputName" placeholder="请输入姓名"></el-input>
    <el-input v-model="inputAge" placeholder="请输入年龄"></el-input>
    <el-button @click="addData">添加</el-button>
    <el-table :data="tableData">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ],
      inputName: '',
      inputAge: ''
    }
  },
  methods: {
    addData() {
      this.tableData.push({ name: this.inputName, age: this.inputAge })
      this.inputName = ''
      this.inputAge = ''
    }
  }
}
</script>