多商品订单填写防伪码

一个订单有多件商品，每件商品的购买数量有1箱5盒3个，那每件就需要9个码

list:[{code1: Array(0)code2: Array(0)code3: Array(0)code_one: Array(0)code_three: Array(0)code_two: Array(0)cover_Image: "http://lejiangkeji.oss-cn-beijing.aliyuncs.com/uploads/20191101/ff0c3ce423f10031d692c4227f3d5c8d.jpg"goods_id: 29goods_num: 20name: "个测试产品"price: "46.00"show: falsesize_id: 42space_name: "红色"unit_info:{one_name: ""one_num: 0str: "20个"three_name: "个"three_num: 20two_name: ""two_num: 0}}
]

 <!-- 订单商品 --><div class="con1"><div class="top" v-for="(item,i) in list" :key="i"><div class="good flex_l"><van-image width="2rem" height="2rem" fit="cover" radius="5" :src="item.cover_Image" /><div class="pro"><div class="name yihang">{{item.name}}</div><div class="price flex"><span><i>￥</i>{{item.price}}</span><span style="color:#666;" v-if="item.unit_info">{{item.unit_info.str}}</span></div><div class="size">{{item.space_name}}</div></div></div><div class="fake"><van-button type="warning" size="small" @click="isShow(i)">填写防伪码</van-button><div class="item" v-show="item.show"><div class="one" v-if="item.unit_info && item.unit_info.one_name">// 这里可以绑定新建数组的每一项，这样结果就会被保存在一个数组中<van-fieldv-model="item.code1[index]"clearablev-for="(items,index) in parseInt(item.unit_info.one_num)":key="index":label="'第'+(index+1)+item.unit_info.one_name"placeholder="请输入防伪码"right-icon="scan"@click-right-icon="scanFake(i,1,index)"/></div><div class="two" v-if="item.unit_info && item.unit_info.two_name"><van-fieldv-model="item.code2[index]"clearablev-for="(items,index) in parseInt(item.unit_info.two_num)":key="index":label="'第'+(index+1)+item.unit_info.two_name"placeholder="请输入防伪码"right-icon="scan"@click-right-icon="scanFake(i,2,index)"/></div><div class="three" v-if="item.unit_info && item.unit_info.three_name"><van-fieldv-model="item.code3[index]"clearablev-for="(items,index) in item.unit_info.three_num":key="index":label="'第'+(index+1)+item.unit_info.three_name"placeholder="请输入防伪码"right-icon="scan"@click-right-icon="scanFake(i,3,index)"/></div></div></div></div></div>

     // 获取商品信息init1() {this.axios.post("/api/goods_order/orderDetails", {id: this.order_id}).then(data => {data.goods_list.forEach(item => {//新添加的字段，必须先添加在使用，不然会出bugthis.$set(item, "show", false);this.$set(item, "code1", []);this.$set(item, "code2", []);this.$set(item, "code3", []);});this.list = data.goods_list;});},// 扫描防伪码 i商品索引  num code1 code2 code3 index code码数组的索引scanFake(i, num, index) {scan().then(code => {console.log(888888888888, code); //扫描后的二维码//这里使用官方提供的方法，解决Vue 不能检测以下数组的变动的问题 this.$set(数组, 索引, 新值)if (num == 1) {this.$set(this.list[i].code1, index, code);} else if (num == 2) {this.$set(this.list[i].code2, index, code);} else if (num == 3) {this.$set(this.list[i].code3, index, code);}});},

由于 JavaScript 的限制，Vue 不能检测以下数组的变动：
当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue
当你修改数组的长度时，例如：vm.items.length = newLength
//解决方法
你也可以使用 vm.set实例方法，该方法是全局方法Vue.set的一个别名：this.set 实例方法，该方法是全局方法 Vue.set 的一个别名： this.set实例方法，该方法是全局方法Vue.set的一个别名：this.set(vm.items, indexOfItem, newValue)
为了解决第二类问题，你可以使用 splice：
this.items.splice(newLength)

多商品订单填写防伪码相关推荐

抢票或商品订单防并发、防超卖
分享一下自己项目开发过程中的设计方案,涉及到订单防并发.防超卖的需求,兼容类似抢票,订单需要锁定商品序号,付款后成交,超时或取消后需要将序号放回可以重新下单的需求. 目录函数整体思路代码实现优化 ...
淘宝官方订单API接口，获取售出的商品订单列表（爬虫数据）
淘宝/天猫获取售出的商品订单列表 API 返回值说明 seller_order_list-获取售出的商品订单列表公共参数名称类型必须描述 key String 是调用key(必须以GET方 ...
淘宝/天猫获取卖出的商品订单列表API接口，店铺订单API接口，店铺订单详情API接口
一.淘宝/天猫获取卖出的商品订单列表API接口,店铺订单API接口,店铺订单详情API接口代码如下: 1.公共参数: 名称类型必须描述 key String 是调用key(必须以GET方式拼接 ...
防伪码查询溯源小程序开发
防伪码查询溯源小程序开发核心// 防伪码查询.扫码查询.一键查询正品验明--正品验证结果通知,详细商品非正品验明--非正品商品提示,无相关商品信息展示,图文详情信息,需警醒注意前端// 防伪码 ...
火牛协议php网页版源码_阿狸子PHP商品订单系统V2.9豪华版源码(竞价单页源码,分销商城)...
阿狸子PHP商品订单系统V2.9豪华版源码(竞价单页源码,分销商城),非常不错,喜欢的朋友快来下载吧! 环境说明 1.PHP5.3-5.6版本,不支持PHP7 2.mysql5.1及以上 3.PHP须 ...
区块链溯源防伪码和传统溯源防伪码有什么区别？
目前市场上主流的防伪技术手段大概可以分为两种:一种是利用电子芯片记录信息进行防伪和追溯,另一种是目前国内使用较多.较为有效的二维码系统防伪技术,但是这些防伪技术都无法从根本上解决通过复制和转移防伪标识 ...
淘宝/天猫seller_order_list-获取卖出的商品订单列表接口接入解决方案
一.淘宝/天猫seller_order_list-获取卖出的商品订单列表接口API 返回值说明点击注册获取key和secret测试账号提取淘宝天猫店铺卖家账号买到的订单编号,订单金额,订单详情等, ...
java 生成防伪码,优秀的生成防伪码的代码应该如何写？百万千万量级别的。
需求: 生成的防伪码长度大概在 12~18 位有可能是纯数字,或者字母+数字绝对不能重复某 cms 防伪系统的生成防伪码的源码: function genRandomString($len, $ ...
java 生成防伪码,C#生成防伪码的思路及源码分享
摘要 1. 生成多个防伪码,防伪码的长度和个数由用户指定. 2. 防伪码由"0123456789ABCDEFGHJKLMNPQRSTUVWXYZ"字符组成,生成的防伪码不可以重复 ...

多商品订单填写防伪码

多商品订单填写防伪码相关推荐

最新文章

热门文章