一、wxml增加input输入框和【更新商品价格】按钮
在商品详情页新增【更新商品价格】按钮,wxml新增部分代码,input绑定事件,用于获取用户输入的内容。按钮绑定事件,用于更新商品价格。
二、js实现代码获取input内容和更新商品价格功能
1.定义getNewPrice()获取inputyoghurt输入的内容
2.定义updatePrice(),用户实现更新商品价格的功能
更新成功后,显示提示框
注意事项:
1.更新数据的.doc(id)中的id是从列表页获得的,有两个函数使用到这个id(onload函数和updatePrice函数),因此需要定义为全局变量
2.newPrice定义为全局变量,可以在多个函数中使用
【代码优化】实现页面上实时显示最新价格
1.将获取商品信息封装成函数getGoods(),在页面加载的时候调用此函数(即在onload()中调用getGoods()函数),来实现页面加载的时候查询商品数据
2.数据更新成功后,再次调用getGoods()函数,再次查询数据库一次,实现页面实时显示最新价格