前端--element-plus表单重置校验resetFields失效-问题记录
问题描述:新增和修改对应的数据字段一般来说基本相同,我项目中对于某一模块功能的新增和修改数据使用了同一个dialog,打开组件页面后,先点击新增再点击编辑,表单内容可以重置,但似乎先点击编辑再点击新增,新增对话框中的表单数据没有被重置。,而form表单初始值在对dialog弹出之后被渲染,因此每一次重置都是重置为dialog第一次渲染时form的值。解决:再点击编辑按钮弹出对话框之前,使用Vue实
·
问题描述:新增和修改对应的数据字段一般来说基本相同,我项目中对于某一模块功能的新增和修改数据使用了同一个dialog,打开组件页面后,先点击新增再点击编辑,表单内容可以重置,但似乎先点击编辑再点击新增,新增对话框中的表单数据没有被重置
问题分析:resetFields方法是将表单重置为form组件dom刚渲染时的初始值,而form表单初始值在对dialog弹出之后被渲染,因此每一次重置都是重置为dialog第一次渲染时form的值
解决:再点击编辑按钮弹出对话框之前,使用Vue实例自带的nextTick()方法对form初始值进行赋值
直接看大佬文章,秒懂:
更多推荐
所有评论(0)