记录小程序中form表单提交事件的使用方法

HTML

<form @submit="formSubmit" >
		<view class='line'>
		  <view class='lineLeft'>输入转赠卡账户</view>
			<view class="lineRight">  
				<input  class="input" :value="form.account" name="account" data-name="account" placeholder-class="plaClass" placeholder='请输入您的转赠卡账户' @input="change"></input>
			</view>
		</view>
		<view class='line'>
		  <view class='lineLeft'>输入转赠卡密码</view>
			<view class="lineRight">  
				<input  class="input" :value="form.password" name="password" data-nam="password" placeholder-class="plaClass" placeholder='请输入您的转赠卡密码'  @input="change"></input>
			</view>
		</view>
		<button class="buttonBox" form-type="submit" >
确定兑换
		</button>
		</form>

JS

change(e){
				let name = e.currentTarget.dataset.name;
				// 通过其中一种方式获得input里面的值
				let tempVal = e.target.value || e.detail.value;
				this.form[name] = tempVal
			},
formSubmit(e){
			console.log('form发生了submit事件，携带的数据为：', e.detail.value)
				    
			}, 

这里是要说明，小程序中的提交方法中e的中存放了表单输入框中的内容，但前提是一定要个，input组件添加name属性值，否则e打印出来为空或者有结构但没有值。