modal類(lèi)似于javascript中的confirm彈框，默認(rèn)情況下是一個(gè)帶有確認(rèn)取消的彈框，不過(guò)點(diǎn)擊取消后彈框不會(huì)自動(dòng)隱藏，需要通過(guò)觸發(fā)事件調(diào)用函數(shù)來(lái)控制hidden屬性。

官方文檔

.wxml

<modal hidden="{{hidden}}" title="這里是title" confirm-text="自定義確定按鈕" cancel-text="自定義取消按鈕" bindcancel="cancel" bindconfirm="confirm" no-cancel="{{nocancel}}">
  這是對(duì)話框的內(nèi)容。
</modal>

.js

Page({
  data:{
    hidden:false,
    nocancel:false
  },
  cancel: function(){
    this.setData({
       hidden: true
    });
  },
  confirm: function(){
    this.setData({
       nocancel: !this.data.nocancel
    });  
    console.log("clicked confirm");
  }
})

運(yùn)行效果

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

requestAnimationFrame使用示例詳解
這篇文章主要為大家介紹了requestAnimationFrame使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
微信小程序閉包寫(xiě)法詳細(xì)介紹
這篇文章主要介紹了微信小程序閉包寫(xiě)法詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
2016-12-12
TypeScript獲取二叉樹(shù)的鏡像實(shí)例
這篇文章主要為大家介紹了TypeScript獲取二叉樹(shù)的鏡像實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
js面向?qū)ο缶幊蘋(píng)OP及函數(shù)式編程FP區(qū)別
這篇文章主要為大家介紹了js面向?qū)ο缶幊蘋(píng)OP及函數(shù)式編程FP的區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
JS前端html2canvas手寫(xiě)示例問(wèn)題剖析
這篇文章主要為大家介紹了JS前端html2canvas手寫(xiě)示例問(wèn)題剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
微信小程序獲取微信OpenId詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序獲取微信OpenId詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-10-10
threejs中使用drawbufferss示例詳解
這篇文章主要為大家介紹了threejs中使用drawbufferss示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
判斷是否輸入完畢再激活提交按鈕
判斷是否輸入完畢再激活提交按鈕...
2006-06-06
JSON?Schema概念及使用場(chǎng)景
這篇文章主要為大家介紹了JSON?Schema概念及使用場(chǎng)景示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
JavaScript函數(shù)柯里化
這篇文章主要介紹了JavaScript函數(shù)柯里化，柯里化即Currying是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)，下面文章詳細(xì)內(nèi)容,需要的朋友可以參考一下
2021-11-11