右侧条目中加减号中间的数字是如何保存的?

右侧条目中加减号中间的数字是如何保存的?

应该如何保存,其他地方如何找到保存的数据?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,“chooseCount”不是json中的数据,它是我们自己添加的,如下:

http://img1.sycdn.imooc.com//climg/5f2d28e50993add608940640.jpg

祝学习愉快!


好帮手慕久久 2020-08-07 16:46:10

同学你好,问题解答如下:

首先我们将获取到的数据保存到了全局中:

http://img1.sycdn.imooc.com//climg/5f2d148509b2475709970306.jpg

然后在渲染左侧结构和右侧结构的时候,都对应绑定了这个全局数据“food_spu_tags”中的一部分,以右侧为例,如下位置就是在绑定数据:

http://img1.sycdn.imooc.com//climg/5f2d149c093d8f0508600756.jpg

其中$target就是右侧的每一个“menu-item”:

http://img1.sycdn.imooc.com//climg/5f2d14a309a9b17216240323.jpg

然后点击右侧每一个商品的加号时,就会先获取html结构上“count”元素的内容,先将它改变:

http://img1.sycdn.imooc.com//climg/5f2d14ae0913df7210590419.jpg

然后再获取该加号对应的“menu-item”身上的数据,再改变它身上的数据:

http://img1.sycdn.imooc.com//climg/5f2d14b809eba39a10100469.jpg

由于“menu-item”身上绑定的自定义属性itemData的值,是全局对象“food_spu_tags”中的一部分,所以此处操作“menu-item”上的值,就会改变全局对象“food_spu_tags”的对应的数据,这样就完成了保存数据、操作数据。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

  • 提问者 慕瓜6072901 #1
    老师,这里chooseCount是JSON数据里的字段么?我怎么找了半天没找到。
    2020-08-07 17:56:53
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师