小程序彈出輸入框(簡稱彈框)可以讓用戶的小程序體驗感更好，那么彈出輸入框要怎么設(shè)置呢?設(shè)置完成后的效果是什么樣的呢?看看微信小程序商店提供的資料：

　　modal

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

　　官方文檔

　　.wxml

　　這是彈框的內(nèi)容。

　　.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)行效果

　　以上就是關(guān)于小程序彈出輸入框的全部內(nèi)容了，具體開發(fā)設(shè)置需要的小程序代碼和完成后的效果都介紹得很詳細(xì)，有需要的話，你也可以對照上面的資料進(jìn)行開發(fā)。