vue中的一张form表单怎么样在接收数据的同时又把数据反给后端

Question

类似这么一张表单，第一行的产品名称和产品型号需要从后端去取数据，但又要把表中填的所有数据再反给后端接口，需要在el-from中怎么绑定值。

假设代码是这样子的

第一部分为布局代码

    <el-form :model="list" label-width="90px" class="form_border">

        <el-form-item label="产品名称">

          <el-input v-model="list.Name"></el-input>

        </el-form-item>

     

      

        <el-form-item label="产品型号">

          <el-input v-model="list.Spec"></el-input>

        </el-form-item>

      

        <el-form-item label="抽检数量">

          <el-input v-model="list.Num></el-input>

        </el-form-item>

      

        <el-form-item label="检验时间">

          <el-date-picker v-model="list.Date" type="date" placeholder="选择日期">

          </el-date-picker>

        </el-form-item>

    </el-form>

第二部分为js代码

data() {

  return {

    list: null,

    updata:{

        Name:undefind,

        Spec:undefind,

        Num:undefind,

        Date:undefind,

    },

  }，

  

//发送填写数据的接口

update(item) {

  const param = {

    Name: this.updata.Name,

    Spec: this.updata.Spec,

    Num: this.updata.Num,

    Date: this.updata.Date,

  };

  api.updataInfo(param).then(response => {

    if (response.data.Success) {

      this.$notify({

        title: "成功",

        message: "更新成功",

        type: "success",

        duration: 2000

      });

    } else {

      this.$notify({

        title: "失败",

        message: response.data.Message,

        type: "error",

        duration: 2000

      });

    }

  });

},

//获取后端的数据的一个接口

getDInfo(){

    const param = {

      id: this.recordPKID

    };

    api.getdinfo(param).then(response => {

      const data = response.data;

      this.list= data;

    });

  },

想请教一下大佬们<el-form>中 :model后面的值需要怎么去绑，因为刚接触不久不太了解，所以想问问需要怎么操作、有什么方法，如果表述的比清楚可以留言问我，谢谢！！

Answer 1

同样的内容在前端用同样的变量比较好,最好不要分开.如果内容不同,可以在事件触发的时候把数据复制一遍,但原则上保持前端显示的内容和vue的变量一对一的关系.一对多的绑定肯定没这么做的.

Answer 2

没太明白你要干什么。你现在有什么问题吗？你绑的没问题。