推荐下载
-
2020-05-12 浏览：740
-
2020-05-06 浏览：521
-
2020-05-08 浏览：510
-
2020-04-04 浏览：504
-
2020-05-12 浏览：500
微信小程序之小技能篇(一)
发布时间:2020-10-301，三目运算改变class值：
<view class="{{flag ? 'change' : 'change_after'}}">改变字体颜色</view> //flage为true／false时，选择class名
应用场景：需要动态改变元素样式。比如：点击某按钮，改变字体颜色。
2，利用缓存实现：点击按钮，数字减一
//XML页面： <text style='font-size:26rpx; color:#ff0000'>{{counts}}</text> //JS页面： onLoad: function (options) { var counts = wx.getStorageSync('key') //获取缓存值 this.data.currentcounts = counts //***把counts赋值给data的属性currentcounts if (counts) { //判断是否存在缓存值 this.setData({ //存在的话，将值绑定到counts counts: counts }) } else { wx.setStorageSync('key', 9) //不存在的话，设置缓存值。（为方便测试，这里设置为9） } // console.log(counts); }, self_redution: function (event) { //自定义方法 var a = wx.getStorageSync('key') //取得缓存值 if (a > 0) { var b = a - 1 //大于0，那么自身值减一 } else { var b = this.data.currentcounts //***否则，缓存值为上面设置的值 } console.log(b); a = wx.setStorageSync('key', b) this.setData({ counts: b, //将缓存值绑定到counts }) formSubmit: function (event) { this.self_redution() //调用上面自定义方法 },
应用场景：报名时，每次表单提交成功时，剩余可报名人数减掉一人。
上面有一个知识点：如何将onload中获取的值传递到点击事件中？这里采取一个通过data：{}中转的办法：把counts赋值给data的属性currentcounts
this.data.currentcounts = counts //首先先在onload中：将counts赋值给data的属性currentcounts var b = this.data.currentcounts //然后在表单的提交函数中： this.data.currentcounts就是我们上面的counts值
//某个js文件下 self_redution:function(event){ //定义方法 console.log("我来自自定义方法：自减"); }, formSubmit: function (event) { this.self_redution() //调用方法(别忘记加this) },
Error: tunneling socket could not be established, cause=connect ECONNREFUSED 127.0.0.1:64412
appservice:1014 POST https://xxxx/sendEmail.php net::ERR_PROXY_CONNECTION_FAILED
工具栏 -“设置”-“代理设置”，选择“不使用任何代理，勾选后直连网络”。
- 上一篇：微信小程序实现顶部、底部滑动联动
- 下一篇：微信小程序之状态管理A
