淺析微信小程序modal彈窗關(guān)閉默認(rèn)會(huì)執(zhí)行cancel問(wèn)題
在我們使用小程序的modal組件時(shí)候,有的時(shí)候會(huì)碰到一個(gè)問(wèn)題,那就是彈框的關(guān)閉,我們并沒(méi)有選擇取消或確定,而是點(diǎn)擊彈框之外的部分,這個(gè)時(shí)候彈框會(huì)關(guān)閉,按理來(lái)說(shuō)不會(huì)觸發(fā)取消和確定的綁定事件,但是有的時(shí)候點(diǎn)擊彈框之外的部分來(lái)關(guān)閉彈框會(huì)觸發(fā)取消(cancel)綁定的事件,這是為什么呢?
如圖是wxml頁(yè)面
以下是頁(yè)面對(duì)應(yīng)的js內(nèi)容
也就是說(shuō),就算我們不點(diǎn)擊取消,點(diǎn)擊彈框之外的部分,也會(huì)執(zhí)行modelCancel方法。
后來(lái)發(fā)現(xiàn),是header頭的content-type在作怪,我們把header頭里的content-type值改為application/json,再測(cè)試就沒(méi)有問(wèn)題了,關(guān)閉彈窗不再執(zhí)行modelCancel?;蛘咧苯影裩eader改為(去掉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問(wèn)題,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
javascript中使用new與不使用實(shí)例化對(duì)象的區(qū)別
這篇文章主要介紹了javascript中使用new與不使用實(shí)例化對(duì)象的區(qū)別的相關(guān)資料,需要的朋友可以參考下2015-06-06基于BootStrap柵格欄系統(tǒng)完成網(wǎng)站底部版權(quán)信息區(qū)
網(wǎng)站底部版權(quán)信息區(qū)可以用bootstrap的“柵格系統(tǒng)”完成,下面給大家分享一個(gè)未經(jīng)處理的底部版權(quán)信息區(qū)的樣式,大家可以做個(gè)參考2016-12-12JS+CSS實(shí)現(xiàn)實(shí)用的單擊輸入框彈出選擇框的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)實(shí)用的單擊輸入框彈出選擇框的方法,實(shí)例分析了javascript操作select及button的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02JS小數(shù)運(yùn)算出現(xiàn)多為小數(shù)問(wèn)題的解決方法
這篇文章主要介紹了JS小數(shù)運(yùn)算出現(xiàn)多為小數(shù)問(wèn)題的解決方法,需要的朋友可以參考下2016-06-06解決JS內(nèi)存泄露之js對(duì)象和dom對(duì)象互相引用問(wèn)題
這篇文章主要介紹了解決JS內(nèi)存泄露之js對(duì)象和dom對(duì)象互相引用問(wèn)題,需要的朋友可以參考下2017-06-06js創(chuàng)建一個(gè)input數(shù)組并綁定click事件的方法
這篇文章主要介紹了js創(chuàng)建一個(gè)input數(shù)組并綁定click事件的方法,需要的朋友可以參考下2014-06-06