vue+elementui 一对多添加

一对多添加可以通过使用表单和表格来实现。首先在表单中添加主表单项（例如，订单信息），然后添加一个表格来添加多个从表单项（例如，订单详情）。

以下是一个简单的示例代码：

<template>
  <div>
    <el-form :model="order">
      <el-form-item label="Order ID">
        <el-input v-model="order.id"></el-input>
      </el-form-item>
      <el-form-item label="Customer Name">
        <el-input v-model="order.customerName"></el-input>
      </el-form-item>
      <el-form-item label="Items">
        <el-table :data="order.items">
          <el-table-column label="Product Name">
            <template slot-scope="scope">
              <el-input v-model="scope.row.productName"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="Quantity">
            <template slot-scope="scope">
              <el-input v-model="scope.row.quantity"></el-input>
            </template>
          </el-table-column>
        </el-table>
      </el-form-item>
      <el-button type="primary" @click="addItem">Add Item</el-button>
      <el-button type="primary" @click="submitOrder">Submit Order</el-button>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      order: {
        id: '',
        customerName: '',
        items: []
      }
    }
  },
  methods: {
    addItem() {
      this.order.items.push({
        productName: '',
        quantity: ''
      })
    },
    submitOrder() {
      // 发送请求提交订单
    }
  }
}
</script>

在这个例子中，我们使用了`el-form`和`el-table`组件来创建主表单和从表单。我们还使用了`addItem`方法将新的订单项添加到订单中。最后，我们使用`submitOrder`方法将整个订单提交到服务器。

希望这个例子能够帮助你解决问题。