在我們使用小程序的modal組件時(shí)候,有的時(shí)候會(huì)碰到一個(gè)問題,那就是彈框的關(guān)閉,我們并沒有選擇取消或確定,而是點(diǎn)擊彈框之外的部分,這個(gè)時(shí)候彈框會(huì)關(guān)閉,按理來說不會(huì)觸發(fā)取消和確定的綁定事件,但是有的時(shí)候點(diǎn)擊彈框之外的部分來關(guān)閉彈框會(huì)觸發(fā)取消(cancel)綁定的事件,這是為什么呢?
從事聯(lián)通服務(wù)器托管,服務(wù)器租用,云主機(jī),網(wǎng)絡(luò)空間,域名申請(qǐng),CDN,網(wǎng)絡(luò)代維等服務(wù)。
如圖是wxml頁面
以下是頁面對(duì)應(yīng)的js內(nèi)容
也就是說,就算我們不點(diǎn)擊取消,點(diǎn)擊彈框之外的部分,也會(huì)執(zhí)行modelCancel方法。
后來發(fā)現(xiàn),是header頭的content-type在作怪,我們把header頭里的content-type值改為application/json,再測(cè)試就沒有問題了,關(guān)閉彈窗不再執(zhí)行modelCancel。或者直接把header改為(去掉content-type,用默認(rèn)的數(shù)據(jù)提交方式,也就是application/json)
var header = { 'cookie': wx.getStorageSync("sessionid") }
一個(gè)wx.request請(qǐng)求,必填項(xiàng)只有url,其他都是非必填。如圖;
總結(jié)
以上所述是小編給大家介紹的淺析微信小程序modal彈窗關(guān)閉默認(rèn)會(huì)執(zhí)行cancel問題,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!