点餐小程序实战教程14点餐功能


上一篇我们讲解了如果通过扫码实现餐桌信息显示,本篇我们介绍一下点餐的功能。

1 功能分析

点餐的话一般我们是在菜品点击+号或者-号来加入购物车,加入购物车之后还可以修改数量,看到点餐的数量和总价格。

使用微搭实现点餐功能要稍微复杂一点,有几个步骤需要考虑

  • 如何给菜品添加一个默认的数量
  • 如何在菜品显示之后回填用户选择的数量
  • 在点击+号或者-号的时候如何更新购物车的信息

2 初始化菜品的数量

我们在显示菜品的时候,是通过读取数据源的数据进行显示。但是有一个问题是,我们的数据源中并没有数量这个字段,那如何增加这个字段呢?

我们可以考虑在数据列表加载成功时候重新修改一下列表的数据
在这里插入图片描述
在查询成功的时候我们调用一个自定义方法,来重新加载数据。点击代码区点击+号,创建一个javascript方法
在这里插入图片描述
可以修改

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

低代码布道师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值