场景

有下面这种主从表结构

上面的信息是主表的信息，下面是从表的信息。

在Vue中将页面的信息传递到js的方法中，在js方法中将参数进行转换使其与后台接收的参数相匹配。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

在vue中调用新增按钮并传递主从表的页面数据

            addBcgl(this.form, this.bcglXiangXiList).then((response) => {if (response.code === 200) {this.msgSuccess("新增成功");this.open = false;this.getList();}});

然后在引用的js的方法中

首先怎样定义一个数组，用来存储从表的对象。

var bcglxiangxiList = new Array();

然后怎样定义对象来存储从表的属性，即下面的几点到几点的属性

var bcxiangxi  = {};

然后就可以遍历页面传递的参数依次将参数属性进行转换并push进数组。

  //定义班次详细数组var bcglxiangxiList = new Array();//定义班次详细对象var bcxiangxi  = {};//循环传递的参数bcglXiangXiListParam.forEach(element => {bcxiangxi.xh = element.xh;bcxiangxi.bcbh = data.bcbh;bcxiangxi.dkkssj = element.sjfw[0];bcxiangxi.dkjssj = element.sjfw[1];bcxiangxi.ts = element.ts;bcxiangxi.dkdd = element.dkdd;bcxiangxi.zxjxljsj = element.jxsjfw[0];bcxiangxi.zdjxljsj = element.jxsjfw[1];//将班次详细对象存进班次详细数组bcglxiangxiList.push(bcxiangxi);});

完整示例代码

export function addBcgl(data,bcglXiangXiListParam) {//定义班次详细数组var bcglxiangxiList = new Array();//定义班次详细对象var bcxiangxi  = {};//循环传递的参数bcglXiangXiListParam.forEach(element => {bcxiangxi.xh = element.xh;bcxiangxi.bcbh = data.bcbh;bcxiangxi.dkkssj = element.sjfw[0];bcxiangxi.dkjssj = element.sjfw[1];bcxiangxi.ts = element.ts;bcxiangxi.dkdd = element.dkdd;bcxiangxi.zxjxljsj = element.jxsjfw[0];bcxiangxi.zdjxljsj = element.jxsjfw[1];//将班次详细对象存进班次详细数组bcglxiangxiList.push(bcxiangxi);});debuggerdata.bcglXiangXiList=bcglxiangxiList;debuggerreturn request({url: '/kqgl/bcgl/addBcgl',method: 'post',data: data})
}

Vue中向js中传递参数并在js中定义对象并转换参数相关推荐

小程序之一个方法中的值怎么传递到另一个方法中
a 方法中的值传到 b 方法中 //民族类型选择 bindNationPickerChange: function (e) {var id = this.data.nation[e.detail.va ...
C++ Eigen 库中旋转向量、旋转矩阵、欧拉角、四元数的定义及互相转换
今天看师兄写的使用力反馈设备操作机械臂的代码,里边涉及到了Eigen 库中的旋转变换,表征旋转变换的有旋转向量Eigen::AngleAxisd.欧拉角Eigen::Vector3d.旋转矩阵Eige ...
java传参数的方法_java中方法的参数传递机制
无论是什么语言,要讨论参数传递方式,就得从内存模型说起,主要是我个人觉得从内存模型来说参数传递更为直观一些.闲言少叙,下面我们就通过内存模型的方式来讨论一下Java中的参数传递. 这里的内存模型涉及到 ...
从信息传递的角度来看Android中的广播和Binder
缘起在<关于Android学习的三个终极问题>一文的最后,我曾提到过在看完<信息简史>一书后,顿悟到"开发软件的时候仿佛能看到信息在流动".<信息简 ...
南方h5手簿求转换参数_如何使用RTK手簿求坐标转换参数（四参数/七参数）
参数计算是用于两个坐标系统之间的转换关系,GPS 接收机输出的数据是CGCS2000经纬度坐标,但是有些时候根据甲方的要求,需要转化到施工测量坐标,这个时候就需要软件进行坐标转换参数的计算和设置,而转 ...
c语言不定长参数函数,DEFUN 如何定义支持不定长参数的函数
当前位置:我的异常网» C语言 » DEFUN 如何定义支持不定长参数的函数 DEFUN 如何定义支持不定长参数的函数 www.myexceptions.net 网友分享于:2015-07-15 ...
HTML调用Java函数或语句,在动态THML语句中调用JS函数传递带空格参数的问题
刚刚遇到一个问题,调用js函数的参数里带空格,造成调用失败的问题. 部分代码如下: html+=" "; //name中如果有空格就是调用失败 html+=" " ...
标签中的onclick调用js方法传递多个参数的解决方案
标签中的onclick调用js方法传递多个参数的解决方案参考文章: (1)标签中的onclick调用js方法传递多个参数的解决方案 (2)https://www.cnblogs.com/twohea ...
ajax中的url如何传递变量_如何创建和参数化UDT数据类型中的变量及IN，OUT 等参数？...
从数据类型的意义上说 UDT 并不被 CPU 所识别,而是在离线程序中自定义(组合)的数据类型. S7 程序的自定义数据类型并不能装载到 S7 CPU 中.UDT 是由递增的编辑器创建并编辑或由源文件 ...

Vue中向js中传递参数并在js中定义对象并转换参数

场景

实现

完整示例代码

Vue中向js中传递参数并在js中定义对象并转换参数相关推荐

最新文章

热门文章