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”的值
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值