为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

当年话下 2019-03-22 22:19:43
类似这么一张表单,第一行的产品名称和产品型号需要从后端去取数据,但又要把表中填的所有数据再反给后端接口,需要在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后面的值需要怎么去绑,因为刚接触不久不太了解,所以想问问需要怎么操作、有什么方法,如果表述的比清楚可以留言问我,谢谢!!
查看完整描述

2 回答

?
阿晨1998

TA贡献2037条经验 获得超6个赞

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


查看完整回答
反对 回复 2019-04-14
?
暮色呼如

TA贡献1853条经验 获得超9个赞

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

你绑的没问题。


查看完整回答
反对 回复 2019-04-14
  • 2 回答
  • 0 关注
  • 1725 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信