微信小程序怎么使用modal組件彈出對話框

這篇文章給大家分享的是有關微信小程序怎么使用modal組件彈出對話框的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創新互聯長期為1000+客戶提供的網站建設服務，團隊從業經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯網生態環境。為撫順縣企業提供專業的網站建設、成都網站設計，撫順縣網站改版等技術服務。擁有十年豐富建站經驗和眾多成功案例,為您定制開發。

1、效果展示

2、關鍵代碼

①、index.wxml

<view>提示：{{tip}}</view>
<button type="default" bindtap="showModal">點擊我彈出modal對話框</button>
<view>
 <modal title="modal對話框" hidden="{{modalHidden}}" confirm-text="確定" cancel-text="取消" bindconfirm="modalBindaconfirm" bindcancel="modalBindcancel">您好，我是modal對話框</modal>
</view>

②、index.js

Page({
 data:{
  // text:"這是一個頁面"
  tip:'',
  buttonDisabled:false,
  modalHidden:true,
  show:false
 },
 showModal:function(){
  this.setData({
   modalHidden:!this.data.modalHidden
  })
 },
 modalBindaconfirm:function(){
   this.setData({
   modalHidden:!this.data.modalHidden,
   show:!this.data.show,
   tip:'您點擊了【確認】按鈕！',
   buttonDisabled:!this.data.buttonDisabled
  })
 },
 modalBindcancel:function(){
   this.setData({
   modalHidden:!this.data.modalHidden,
   tip:'您點擊了【取消】按鈕！'
  })
 }
})

感謝各位的閱讀！關于“微信小程序怎么使用modal組件彈出對話框”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網站欄目：微信小程序怎么使用modal組件彈出對話框
網頁URL：http://www.kartarina.com/article10/gogcdo.html

成都網站建設公司_創新互聯，為您提供Google、外貿建站、軟件開發、網站導航、建站公司、服務器托管

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯