1,三目運(yùn)算改變class值:
<view class="{{flag ? 'change' : 'change_after'}}">改變字體顏色</view> //flage為true/false時(shí),選擇class名
應(yīng)用場(chǎng)景:需要?jiǎng)討B(tài)改變?cè)貥邮健1热纾狐c(diǎn)擊某按鈕,改變字體顏色。
2,利用緩存實(shí)現(xiàn):點(diǎn)擊按鈕,數(shù)字減一
//XML頁(yè)面: <text style='font-size:26rpx; color:#ff0000'>{{counts}}</text> //JS頁(yè)面: 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) //不存在的話,設(shè)置緩存值。(為方便測(cè)試,這里設(shè)置為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 //***否則,緩存值為上面設(shè)置的值 } console.log(b); a = wx.setStorageSync('key', b) this.setData({ counts: b, //將緩存值綁定到counts }) formSubmit: function (event) { this.self_redution() //調(diào)用上面自定義方法 },
應(yīng)用場(chǎng)景:報(bào)名時(shí),每次表單提交成功時(shí),剩余可報(bào)名人數(shù)減掉一人。
上面有一個(gè)知識(shí)點(diǎn):如何將onload中獲取的值傳遞到點(diǎn)擊事件中?這里采取一個(gè)通過data:{}中轉(zhuǎn)的辦法:把counts賦值給data的屬性currentcounts
this.data.currentcounts = counts //首先先在onload中:將counts賦值給data的屬性currentcounts
var b = this.data.currentcounts //然后在表單的提交函數(shù)中: this.data.currentcounts就是我們上面的counts值
3,定義一個(gè)方法,如何在點(diǎn)擊事件中調(diào)用
//某個(gè)js文件下 self_redution:function(event){ //定義方法 console.log("我來(lái)自自定義方法:自減"); }, formSubmit: function (event) { this.self_redution() //調(diào)用方法(別忘記加this) },
------------------------
問題:
今早過來(lái)接著優(yōu)化表單提交【就是每次提交之后,將寫入緩存的數(shù)值減一】,調(diào)試的時(shí)候頻繁測(cè)試代碼是否能成功執(zhí)行,所以會(huì)有好多次的表單提交。 試著試著,突然瀏覽器報(bào)錯(cuò),同時(shí)也收不到郵件.... 然后我點(diǎn)預(yù)覽在手機(jī)上看效果,結(jié)果也報(bào)錯(cuò)...
微信小程序預(yù)覽報(bào)錯(cuò):
Error: tunneling socket could not be established, cause=connect ECONNREFUSED 127.0.0.1:64412
瀏覽器報(bào)錯(cuò):
appservice:1014 POST https://xxxx/sendEmail.php net::ERR_PROXY_CONNECTION_FAILED
處理:在網(wǎng)上搜到的應(yīng)該是代理設(shè)置上的問題 ,關(guān)閉代理。
工具欄 -“設(shè)置”-“代理設(shè)置”,選擇“不使用任何代理,勾選后直連網(wǎng)絡(luò)”。
取消代理后,不再報(bào)錯(cuò)回復(fù)正常。很奇怪,之前還一直好好的,就算是默認(rèn)代理也沒有問題,最有可能就是我頻繁提交表單了....
免責(zé)聲明:本站所有文章和圖片均來(lái)自用戶分享和網(wǎng)絡(luò)收集,文章和圖片版權(quán)歸原作者及原出處所有,僅供學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途,如果損害了您的權(quán)利,請(qǐng)聯(lián)系網(wǎng)站客服處理。
工作日 8:30-12:00 14:30-18:00 周六及部分節(jié)假日提供值班服務(wù)
工作日 8:30-12:00 14:30-18:30