1. 程式人生 > >小程式modal彈窗關閉預設會執行cancel方法

小程式modal彈窗關閉預設會執行cancel方法

小程式modal彈窗關閉預設會執行cancel方法

在我們使用小程式的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,其他都是非必填。如圖;
在這裡插入圖片描述