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