uni-app踩坑 - 官方form组件 表单提交后实现手动清空数据
官方属性说明如下图:form表单提交后,没有清空表单数据。现在要实现不通过按钮点击触发@reset=“formReset”,手动触发清空事件。html:<form @submit="formSubmit" @reset="formReset"><view><button form-type="submit">Submit&l...
·
官方属性说明如下图:
form表单提交后,没有清空表单数据。
现在要实现不通过按钮点击触发@reset=“formReset”,手动触发清空事件。
html:
<form @submit="formSubmit" @reset="formReset">
<view>
<button form-type="submit">Submit</button>
<button form-type="reset" ref="resrtBtn" style="display:none;">Reset</button>
</view>
</form>
js:
formSubmit(e) {
console.log('form发生了submit事件,携带数据为:' + JSON.stringify(e.detail.value))
this.$refs.resrtBtn.$dispatch('Form', 'uni-form-reset', {
type: 'reset'
})
}
更多推荐
已为社区贡献2条内容
所有评论(0)