微信小程序-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>



猜你喜欢

转载自blog.csdn.net/sdfujichao/article/details/80251531