问题描述:新增和修改对应的数据字段一般来说基本相同,我项目中对于某一模块功能的新增和修改数据使用了同一个dialog,打开组件页面后,先点击新增再点击编辑,表单内容可以重置,但似乎先点击编辑再点击新增,新增对话框中的表单数据没有被重置

问题分析:resetFields方法是将表单重置为form组件dom刚渲染时的初始值,而form表单初始值在对dialog弹出之后被渲染,因此每一次重置都是重置为dialog第一次渲染时form的值

解决:再点击编辑按钮弹出对话框之前,使用Vue实例自带的nextTick()方法对form初始值进行赋值

直接看大佬文章,秒懂:

element-plus表单重置resetFields方法不生效

vue3中使用Element Plus表单调用resetFields方法失效

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐