uni-app踩坑 - 官方form組件 表單提交後實現手動清空數據

官方屬性說明如下圖:
官方form屬性說明

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'
	})
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章