mpvue开发小程序 textarea获取不到值问题

我们在做项目的时候都会遇到意见反馈这个功能,mpvue开发项目时候总是拿不到 textarea的值,这是什么原因呢?

   

 

这是因为change事件晚于click事件,在点击提交那一刻,change事件还未获取到文本框的值,导致提交拿到的textAreaValue是个空值,那有什么办法可以解决呢?

答:change事件比click事件早发生,或者click比change事件晚发生,根据自己实际情况选择,我选用定时器将click事件延迟发生

 

getChange(e){
	this.textAreaValue = e.mp.detail.value;
},
submitClick(){
   setTimeout(()=>{		
     if(this.textAreaValue.trim().length>0){					            
         setFeedback({memberId:getGetMember().id,descpt:this.textAreaValue}).then((res)=>{
			Dialog.alert({
				 title: '提示',
				 message: '你的意见已提交'
			}).then(() => {
				wx.switchTab({url:'/pages/personal/main'});
			})	
							
		})
	  }else {
				Dialog.alert({
				   title: '提示',
			       message: '请输入你得留言内容'
				}).then(() => {
						 	
	  })	
			return null;
	}		
  },1000)
}

 

你可能感兴趣的:(vue,mpvue)