在我們使用小程序的modal組件時候，有的時候會碰到一個問題，那就是彈框的關閉，我們并沒有選擇取消或確定，而是點擊彈框之外的部分，這個時候彈框會關閉，按理來說不會觸發取消和確定的綁定事件，但是有的時候點擊彈框之外的部分來關閉彈框會觸發取消(cancel)綁定的事件，這是為什么呢？

如圖是wxml頁面

以下是頁面對應的js內容

也就是說，就算我們不點擊取消，點擊彈框之外的部分，也會執行modelCancel方法。

后來發現，是header頭的content-type在作怪，我們把header頭里的content-type值改為application/json，再測試就沒有問題了，關閉彈窗不再執行modelCancel。或者直接把header改為(去掉content-type，用默認的數據提交方式，也就是application/json)

var header = {

'cookie': wx.getStorageSync("sessionid")

}

一個wx.request請求，必填項只有url，其他都是非必填。如圖;

總結

以上所述是小編給大家介紹的淺析微信小程序modal彈窗關閉默認會執行cancel問題,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

總結

以上是生活随笔為你收集整理的小程序确定取消弹窗_浅析微信小程序modal弹窗关闭默认会执行cancel问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。