1. 程式人生 > >微信小程式-textarea獲取輸入值(在modal中獲取值)

微信小程式-textarea獲取輸入值(在modal中獲取值)

我的頁面是這樣的。我要點選微信自帶的modal中按鈕獲取textare的輸入值(下面的頁面已經改好了)

文件上的bindblur事件根本就滿足不了使用,因為我在點選按鈕後先呼叫了confirm方法,然後才會呼叫bindblur事件的方法獲取textare值。所以就沒辦法進行了。

網上有的部落格中寫的是用form表單觸發的事件,這樣就能先觸發bindblur事件獲取textare值,然後在觸發點選按鈕的事件。但是在modal彈框中不能用

bindinput事件可以解決這個問題,只要輸入發生變化就會觸發這個事件,就能從這個事件中獲取textare的輸入值。
bindinput: function(e){
        _this.setData({
            reason_input: e.detail.value
        });
    },
    confirm: function (e) {
        wx.showLoading({
            mask: true,
            title: '努力載入中...',
        });
        $ajaxGet(null, '001000011', { "biz_desc": _this.data.reason_input, "member_id": e.currentTarget.detail.member_id, "topup_id": e.currentTarget.detail.data_id}, function (data) {
            if (data.success) {
                wx.hideLoading();
                

            }
        });
        
    },

<modal class="modal" hidden="{{hidden}}" title="拒絕原因" confirm-text="確認" bindconfirm="confirm" no-cancel="true">
    <form bindsubmit="evaSubmit">
        <textarea bindinput="bindinput" class='text' placeholder="請輸入拒絕原因" />
    </form>
    <span bindtap="cancel" class="close">X</span>
</modal>