微信小程序 功能函数 购物车商品删除

// 购物车删除

deleteList(e) {

const index = e.currentTarget.dataset.index;

let carts = this.data.carts;

carts.splice(index, 1); // 删除购物车列表里这个商品

this.setData({

carts: carts

});

if (!carts.length) { // 如果购物车为空

this.setData({

hasList: false // 修改标识为false,显示购物车为空页面

});

} else { // 如果不为空

this.sum(); // 重新计算总价格

}

},

时间: 2024-11-08 23:12:17

微信小程序 功能函数 购物车商品删除的相关文章

微信小程序 功能函数 点击传参和页面

// 商品详情页跳转函数 detailInto: function (e) { // console.log() var change = e.currentTarget.dataset.id; wx.navigateTo({ url: '../detail/detail?id=' + change }) }, //接收的页面 onLoad: function (opt) { var selectnum= this.data.selectnum; selectnum.sq = opt.key;

微信小程序 功能函数 将对象的键添加到数组 (函数深入)

// 将对象的键添加到数组 var arr = Object.keys(site); //英文 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys 中文 https://developer.mozilla.org/zh-CN/ https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo

微信小程序 功能函数 分享

//wxml <button open-type="share" style=' <view class='btn-img'> <image class='image-full' src='../../imgs/index/tab5.png'></image> </view> <view>分享</view> </button> //js /** * 用户点击右上角分享 */ onShareAppM

微信小程序 功能函数 把数字1,2,3,4换成春,夏,秋,冬

let season ='1,2,3'; // console.log(season.length) if (season){ if (season.length==1){ seasonChe1=season.substr(0); seasonChe1 = parseInt(seasonChe1) switch (seasonChe1) { case 1: (function(){ seasonChe2='春' })() break; case 2: (function () { seasonC

微信小程序 功能函数 touch触摸计时

shiFN:function(e){ // touchstart // touchend let that=this; let n=0; // 判断是开始还是结束的参数 let textTure = e.type; that.setData({ textTure: textTure }) if (textTure =='touchstart'){ let lovetime = setInterval(function () { n += 0.5; if (that.data.textTure==

如何使用微信小程序云函数发送短信验证码

其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制. 本文使用的是榛子云短信平台(http://smsow.zhenzikj.com) ,SDK下载: http://smsow.zhenzikj.com/doc/sdk.html 1. 安装下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹,如下: 由于目前IDE没有云函数导入功能,您需要手工创建同名的云函数,然后将云函数下的文件手工拷进去 注:下载的SDK是一个

微信小程序 onLoad 函数

小程序注册完成后,加载页面,触发onLoad方法. 页面载入后触发onShow方法,显示页面. 首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次. 当小程序后台运行或跳转到其他页面时,触发onHide方法. 当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload 例如: 我们定义了一个方法: 功能是:当用户打开这个

微信 小程序组件 加入购物车全套 one js

// pages/shop/shop.js Page({ /** * 页面的初始数据 */ data: { carts: [ { teaname: '冠军乌龙茶-150g', image: '../../imgs/car/shopping_pic_1.png', num: '1', price: '1200.00', sum: '1200.0', selected: true, cid: 1001, }, { teaname: '18年老茶-150g', image: '../../imgs/c

微信 小程序组件 加入购物车全套 one wxml

<!--pages/shop/shop.wxml--> <view wx:if="{{hasList}}"> <view class="container carts-list"> <view wx:key="isshop" wx:for="{{carts}}" class="carts-item" > <view class="carts-c