微信小程序 modal彈框組件詳解
更新時(shí)間：2016年10月27日 09:55:25 投稿：lqh
這篇文章主要介紹了微信小程序 modal彈框組件詳解的相關(guān)資料,并附簡(jiǎn)單實(shí)例,需要的朋友可以參考下
微信小程序 modal：
這里對(duì)微信小程序中 modal組件進(jìn)行詳細(xì)解析，我想開發(fā)微信小程序的小伙伴可以用到，這里小編就記錄下modal的知識(shí)要點(diǎn)。
modal
modal類似于javascript中的confirm彈框，默認(rèn)情況下是一個(gè)帶有確認(rèn)取消的彈框，不過點(diǎn)擊取消后彈框不會(huì)自動(dòng)隱藏，需要通過觸發(fā)事件調(diào)用函數(shù)來控制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使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要介紹了微信小程序 閉包寫法詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-12-12
這篇文章主要為大家介紹了TypeScript獲取二叉樹的鏡像實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
js面向?qū)ο缶幊蘋OP及函數(shù)式編程FP區(qū)別
這篇文章主要為大家介紹了js面向?qū)ο缶幊蘋OP及函數(shù)式編程FP的區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了JS前端html2canvas手寫示例問題剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 獲取微信OpenId詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了threejs中使用drawbufferss示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
判斷是否輸入完畢再激活提交按鈕...2006-06-06
這篇文章主要為大家介紹了JSON?Schema概念及使用場(chǎng)景示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了JavaScript函數(shù)柯里化，柯里化即Currying是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)，下面文章詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11