微信小程序 確認框的實現(xiàn)(附代碼)
更新時間:2019年07月23日 11:23:15 作者:返回主頁 挑戰(zhàn)者V
這篇文章主要介紹了微信小程序 確認框的實現(xiàn)(附代碼),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
效果圖如下:
核心代碼如下:
delType:function(e){ var typeId = e.currentTarget.dataset['id']; console.log("delete:"+typeId) wx.showModal({ title: '提示', content: '確認要刪除該支出類型?', success: function (res) { if (res.confirm) { console.log('用戶點擊確定') wx.request({ url: getApp().globalData.urlPath + "spendingType/delete", method: "POST", data: { typeId: typeId }, header: { "Content-Type": "application/x-www-form-urlencoded" }, success: function (res) { console.log(res.data.code); if (res.statusCode == 200) { //訪問正常 if (res.data.code == "000000") { wx.showToast({ title: "刪除成功,返回支出類型列表", icon: 'success', duration: 3000, success: function () { wx.navigateTo({ url: '../type/type' }) } }) } } else { wx.showLoading({ title: '系統(tǒng)異常', fail }) setTimeout(function () { wx.hideLoading() }, 2000) } } }) } else if (res.cancel) { console.log('用戶點擊取消') } } }) }
wxml代碼如下:
<text bindtap='delType' data-id="{{item.typeId}}">刪除</text>
data-id相當于綁定對應(yīng)的值,比方說你是根據(jù)id來刪除對應(yīng)的數(shù)據(jù)。
bindtap,即綁定事件。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
小程序怎樣讓wx.navigateBack更好用的方法實現(xiàn)
這篇文章主要介紹了小程序怎樣讓wx.navigateBack更好用的方法實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-11-11Bootstrap模態(tài)框(modal)垂直居中的實例代碼
這篇文章主要介紹了Bootstrap模態(tài)框(modal)垂直居中的實例代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08淺析Javascript匿名函數(shù)與自執(zhí)行函數(shù)
的相關(guān)資料2016-02-02如何通過IntersectionObserver實現(xiàn)懶加載
這篇文章主要介紹了通過IntersectionObserver實現(xiàn)懶加載,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04