uniapp點選按鈕提交textarea值為undifine

Lucky_Freedom發表於2020-10-04

Taps

  • textarea 的 blur 事件會晚於頁面上的 tap 事件,如果需要在 button 的點選事件獲取 textarea,可以使用 form 的 @submit。

上面這個taps是uniapp官網上的,下面是我程式碼的例項

// form表單的事件繫結
<form @submit="uploading">
	<textarea @blur="contenTextChange" :value="contenText" ></textarea>
	<button form-type="submit" >提交</button>
</form>
// 事件執行程式碼
// textarea框失去焦點
textChange(e){
	this.contenText = e.detail.value
	console.log(this.contenText)
},
//上傳檔案
uni.uploadFile({
	url: URL, 		//這裡填寫你真實地址的介面
	filePath: tempFilePaths,	//小程式不支援圖片陣列
	name: 'file',
	formData: {
		contentext:this.contenText
	},
	success: (uploadFileRes) => {
		console.log(uploadFileRes.data);
	}
});
</form>	
只有這樣才能在點選提交按鈕時候提交“contentext”的值

相關文章