最近，在(zài)寫一個(gè)微信小程序，有一個(gè)需求是(shì)：

點擊一個(gè)按鈕後，出(chū)現一個(gè)輸入框，然後根據用戶的(de)輸入再進行操作。

想了(le／liǎo)一些辦法都不(bù)能行。
百度了(le／liǎo)一下，發現可以(yǐ)讓輸入框從底部彈出(chū)，然後讓用戶輸入，再根據輸入運行程序。

網上(shàng)給出(chū)了(le／liǎo)幾種從底部彈出(chū)彈窗的(de)實現方法，現在(zài)我介紹下我認爲(wéi / wèi)較爲(wéi / wèi)簡單一種：
wxml

<!--觸發action-sheet事件-->
<button type="primary" bindtap="listenerButton">彈出(chū)ActionSheet</button>
<!--默認action-sheet爲(wéi / wèi)隐藏，由button觸發-->
<action-sheet hidden="{{actionSheetHidden}}" bindchange="listenerActionSheet" >
	<action-sheet-item >
		<input type="text" placeholder="請輸入一些内容" bindinput="obtainInput"/>
	</action-sheet-item>
	<!--自動隐藏action-sheet-->
	<action-sheet-cancel bindtap="showInput">确認</action-sheet-cancel>
</action-sheet>

js

let msg;   //存儲輸入的(de)内容

Page({
 data:{
	 actionSheetHidden: true   //作爲(wéi / wèi)開關控制彈窗是(shì)否從底部彈出(chū)
 },

 //将輸入的(de)内容綁定到(dào) msg 中
 obtainInput: function(data) {
 	 msg = data.detail.value;
 },

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

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

 //用戶輸完并點擊确認後，輸入的(de)信息會打印到(dào)控制台上(shàng)
 showInput: function() {
 	 console.log(msg);
 }
})

可以(yǐ)根據自己的(de)實際需要(yào / yāo)對上(shàng)述代碼進行改寫：
将 wxml 文件中action-sheet-item裏面的(de)内容改爲(wéi / wèi)自己實際的(de)業務代碼；
對wxml 文件中action-sheet-cancel被點擊後的(de)綁定的(de)事件進行改寫，改寫成與自己業務邏輯相關的(de)代碼；
······