页面有一个表单和一个提交按钮(没有重置按钮),希望表单提交后自动重置表单。
想了两个办法,记录一下:
- 表单里使用 v-model 绑定数据,提交完表单后,把绑定的数据重置
- 表单里有个隐藏的重置按钮,提交完表单后,触发重置按钮的点击。
提交后清空 v-model 绑定的数据
这里用到了 v-model
来进行数据双向绑定
<template>
<view class="content">
<form ref="form1" @submit="formSubmit">
<input class="uni-input" name="input1" v-model="input1" placeholder="这是一个输入框" />
<button form-type="submit">Submit