最近，在寫(xiě)一個(gè)微信小程序，有一個(gè)需求是：

點(diǎn)擊一個(gè)按鈕后，出現(xiàn)一個(gè)輸入框，然后根據(jù)用戶的輸入再進(jìn)行操作。

想了一些辦法都不能行。
百度了一下，發(fā)現(xiàn)可以讓輸入框從底部彈出，然后讓用戶輸入，再根據(jù)輸入運(yùn)行程序。

網(wǎng)上給出了幾種從底部彈出彈窗的實(shí)現(xiàn)方法，現(xiàn)在我介紹下我認(rèn)為較為簡(jiǎn)單一種：
wxml

<!--觸發(fā)action-sheet事件-->
<button type="primary" bindtap="listenerButton">彈出ActionSheet</button>
<!--默認(rèn)action-sheet為隱藏，由button觸發(fā)-->
<action-sheet hidden="{{actionSheetHidden}}" bindchange="listenerActionSheet" >
	<action-sheet-item >
		<input type="text" placeholder="請(qǐng)輸入一些內(nèi)容" bindinput="obtainInput"/>
	</action-sheet-item>
	<!--自動(dòng)隱藏action-sheet-->
	<action-sheet-cancel bindtap="showInput">確認(rèn)</action-sheet-cancel>
</action-sheet>

js

let msg;   //存儲(chǔ)輸入的內(nèi)容

Page({
 data:{
	 actionSheetHidden: true   //作為開(kāi)關(guān)控制彈窗是否從底部彈出
 },

 //將輸入的內(nèi)容綁定到 msg 中
 obtainInput: function(data) {
 	 msg = data.detail.value;
 },

 listenerButton: function() {
	 this.setData({
	 	actionSheetHidden: !this.data.actionSheetHidden
	 });
 },

 listenerActionSheet:function() {
	 this.setData({
	  actionSheetHidden: !this.data.actionSheetHidden
	 })
 },

 //用戶輸完并點(diǎn)擊確認(rèn)后，輸入的信息會(huì)打印到控制臺(tái)上
 showInput: function() {
 	 console.log(msg);
 }
})

可以根據(jù)自己的實(shí)際需要對(duì)上述代碼進(jìn)行改寫(xiě)：
將 wxml 文件中action-sheet-item里面的內(nèi)容改為自己實(shí)際的業(yè)務(wù)代碼；
對(duì)wxml 文件中action-sheet-cancel被點(diǎn)擊后的綁定的事件進(jìn)行改寫(xiě)，改寫(xiě)成與自己業(yè)務(wù)邏輯相關(guān)的代碼；
······