博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序setData设置对象或者数组的值
阅读量:5839 次
发布时间:2019-06-18

本文共 1757 字,大约阅读时间需要 5 分钟。

hot3.png

问题描述: 

        小程序中我们可能使用了wx:for关键字去循环出来了一个列表,这个列表里的值不可能是一成不变的,例如我写的下图的优惠券效果,我的优惠券“33”就是动态显示的,如果我选择了99元的优惠券,则应该显示99,那么动态设置99的价格呢?

cdd20cd6948c6ff3338cad34cf80081bd4c.jpg

 

 

 

 

 

 

小程序中有如下的解决方案:

  使用:setData{['paymentObj.totalPrice'] : xxx}

  或者使用 :

let couponDiscountTxt = `paymentObj.productList[${_this.data.currentCourseIndex}].courseList[0].couponDiscountTxt`

setData{ [couponDiscountTxt]: `- ¥${couponItem.currentTarget.dataset.coupontext}`} 

总的来讲就是用 [] 包一个对象字符串 or 数组字符串,即可使用setData去赋值了

/* 定义优惠券更改之前的价格描述 */      let beforeCouponDiscountTxt = _this.data.paymentObj.productList[_this.data.currentCourseIndex].courseList[0].couponDiscountTxt      /* 定义优惠券价格描述 */      let couponDiscountTxt = `paymentObj.productList[${_this.data.currentCourseIndex}].courseList[0].couponDiscountTxt`      /* 定义小计价格 */      let subtotalTxt= `paymentObj.productList[${_this.data.currentCourseIndex}].price`      /* 定义优惠券差价 = 原优惠券价格 - 现优惠券价格*/      let priceDifferences =  beforeCouponDiscountTxt.replace(/[^0-9]/ig,"") - couponItem.currentTarget.dataset.coupontext.replace(/[^0-9]/ig,"")      _this.setData({  // 将当前的优惠券id设置、优惠券、价格小计、价格总计          currentCouponID: couponItem.currentTarget.dataset.couponid,          [couponDiscountTxt]: `- ¥${couponItem.currentTarget.dataset.coupontext}`,          [subtotalTxt]: (()=> {              // 小计价格 = 原小计价格 + (原优惠券价格 - 现优惠券价格)              let subtotal = _this.data.paymentObj.productList[_this.data.currentCourseIndex].price / 100 + priceDifferences              return subtotal * 100          })(),          ['paymentObj.totalPrice']: (() => {              //总计价格 = 原总计价格 + (原优惠券价格 - 现优惠券价格)              let totalPrice = _this.data.paymentObj.totalPrice / 100  + priceDifferences              return totalPrice * 100          })()      })

 

 

 

转载于:https://my.oschina.net/jamesview/blog/1829562

你可能感兴趣的文章
java中的vo 、dto 、dao--转
查看>>
怎么在网站嵌入百度搜索框
查看>>
【SQL Server】SQL Server占用CPU使用率100%的解决方法
查看>>
html5 弹性布局
查看>>
Java中Lambda表达式的使用
查看>>
win7下电脑变成无线路由器,实现共享
查看>>
基于二叉查找树的集合
查看>>
Javascript 随机抽奖
查看>>
POJ 2771 Guardian of Decency(二分匹配,最大独立集)
查看>>
JS调用PageMethods
查看>>
项目中初试PHP单元测试
查看>>
Oracle sqlldr命令
查看>>
比较详细Python正则表达式操作指南(re使用)
查看>>
Facebook 开源 AI 所使用的硬件平台 'Big Sur'
查看>>
Redis 安全
查看>>
./是当前目录 ../是当前的上一级目录。上上级就是../../一般绝对路径时候常用...
查看>>
H面试程序(11): 判断字符串是否包含子串问题
查看>>
mysql操作查询结果case when then用法举例
查看>>
嵌入式开发之davinci--- 8148/8168/8127 中的xdc 简介
查看>>
Auto Updating the exe from a network location when application starts z
查看>>