uniapp點選按鈕提交textarea值為undifine
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”的值
相關文章
- app直播原始碼,uniapp點選按鈕 儲存頁面為圖片到本地APP原始碼
- JavaScript 點選按鈕返回底部JavaScript
- Android 點選按鈕跳轉Android
- JavaScript獲取選中radio單選按鈕值JavaScript
- 防止頁面按鈕多次點選
- uniapp更改導航欄按鈕文字APP
- CSS3提交按鈕等待打點迴圈效果CSSS3
- Android處理按鈕重複點選Android
- jQuery點選按鈕刪除div元素jQuery
- JavaScript點選按鈕彈出層效果JavaScript
- JavaScript點選按鈕返回底部詳解JavaScript
- Android | 使用 AspectJ 限制按鈕快速點選Android
- 單選多選按鈕
- uniapp頁面中的按鈕使用分享功能APP
- 異形按鈕的點選區域處理
- 點選一個按鈕使其樣式發生變化,再點選另一個按鈕發生同樣變化,但上一個按鈕樣式復原
- 前端特效【第02期】|多功能提交按鈕前端特效
- 點選按鈕時根據select的值判斷是否是需要的選項並顯示div
- Android優雅地處理按鈕重複點選Android
- 點選按鈕自動複製剪貼簿功能
- 點選大中小按鈕設定文章字型大小
- ASPxGridView中Command列自定義按鈕點選事件概要View事件
- 刪除按鈕點選後的虛線輪廓
- 基於js實現點選按鈕回到頂部JS
- 對於防止按鈕重複點選的嘗試
- 是否應該在未選中行時禁用刪除按鈕,還是應該在點選按鈕時提示選擇資料?
- js點選按鈕劃出選單容器第一版JS
- radio 單選按鈕 選中多個
- HTML input radio單選按鈕HTML
- HTML input radio 單選按鈕HTML
- 點選同一按鈕顯示隱藏切換
- VBA 控制元件學習筆記(按鈕點選事件)控制元件筆記事件
- 手機直播原始碼,點選按鈕,立即回到頂部原始碼
- 直播軟體搭建,點選按鈕自動回到頂部
- vue-button設定按鈕是否可點選狀態Vue
- 直播商城系統原始碼,點選按鈕 儲存頁面為圖片到本地原始碼
- 仿抖音點贊按鈕
- 點選刪除按鈕彈出是否刪除提示框