根据商品的下标对缓存中的商品信息进行修改

Posted 2021-12-28 大猪蹄子风月凛

想要实现的功能：

根据商品的下标对商品信息进行修改
（只修改商品信息的缓存，不修改数据库中的值）
我在商品详情页面选择完商品的交易类型和租用时间之后加入购物车，把我想要的信息存入缓存，在购物车页面把在商品详情页选择的租用时间和类型显示出来。
当用户在购物车页面修改这两个信息的时候，能够根据商品的当前下标改变当前商品的值并重新存入到缓存中，本文章的主要内容便是如何在循环的商品类表中获取信息，如图所示是我要用的信息：

提示：价格和描述是我瞎写的

---

遇到的问题：

在我编写的过程中，遇到了点问题如下：
我想要整出来的东西：<view class="cart_item >这个循环项的下标

原因分析：

思路（笨方法）：
1、在用户点击选择日期时，同时触发两个事件，一个是子元素身上的onConfirm，另一个是父元素身上的currentIndex事件。（我试了很多次都是先出发父元素身上的事件再触发子元素身上的事件，不知道会不会有时候先触发子元素事件导致获取不到当前点击的index下表导致出bug，目前还没有遇到。。。）
2、通过父元素身上的currentIndex事件，把e.currentTarget.dataset.index重新设回data中，当每次用户点击父元素身上的各种子元素时都可以触发，把当前用户点击的下表记录在data中，然后就可以随意使用index了。

currentIndex(e)
    console.log(e.currentTarget.dataset.index)
    this.setData(
      currentIndex:e.currentTarget.dataset.index
    )
  

关于bind:confrim和bindtap和catchtap：
bind事件绑定不会阻止冒泡事件向上冒泡。
catch事件绑定可以阻止冒泡事件向上冒泡。
话说为什么我用catch还是可以事件向上冒泡？这点我不太明白。。。

后面关于根据商品下标修改缓存信息的代码我会后续补上！！！

---

博主大三学生一名，水平有限，可能会有部分错误，欢迎提出！ 有问题可以私信我~~