這篇文章將為大家詳細講解有關微信開發(fā)中如何使用textarea,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯公司-專業(yè)網站定制、快速模板網站建設、高性價比七臺河網站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式七臺河網站制作公司更省心,省錢,快速模板網站建設找我們,業(yè)務覆蓋七臺河地區(qū)。費用合理售后完善,十余年實體公司更值得信賴。微信小程序 textarea 簡易解決方案
微信小程序中textarea沒有bindchange事件,所以無法在輸入時給變量賦值。
雖然可以使用bindblur事件,但是綁定bindblur事件,如果再點擊按鈕,則先執(zhí)行完按鈕事件后,再去執(zhí)行bindblur事件,所以在js文件取不到輸入值,
解決方法:結合from表單,textarea文本框輸入后,再去點擊提交按鈕,這時會先執(zhí)行textarea事件(獲取文本框輸入內容),再去執(zhí)行數據提交,這樣問題就解決了
wxml文件代碼:
js文件代碼:
var app = getApp(); Page({ data:{ evaContent : '' }, onLoad:function(){ }, onReady:function(){ // 頁面渲染完成 }, onShow:function(){ // 頁面顯示 }, onHide:function(){ // 頁面隱藏 }, onUnload:function(){ // 頁面關閉 }, //事件 textBlur: function(e){ if(e.detail&&e.detail.value.length>0){ if(e.detail.value.length<12||e.detail.value.length>500){ //app.func.showToast('內容為12-500個字符','loading',1200); }else{ this.setData({ evaContent : e.detail.value }); } }else{ this.setData({ evaContent : '' }); evaData.evaContent = ''; app.func.showToast('請輸入投訴內容','loading',1200); } }, //提交事件 evaSubmit:function(eee){ var that = this; //提交(自定義的get方法) app.func.req('http://localhost:1111/ffeva/complaint?content=''+this.data.evaContent),get,function(res){ console.log(res); if(res.result==='1'){ //跳轉到首頁 app.func.showToast('提交成功','loading',1200); }else{ app.func.showToast('提交失敗','loading',1200); } }); } })
關于“微信開發(fā)中如何使用textarea”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。