使用elementui的el-dialog弹出表单后resetFields()没有办法清空表单数据

最新推荐文章于 2023-10-31 10:03:27 发布

lning8808

最新推荐文章于 2023-10-31 10:03:27 发布

阅读量1.3k

点赞数 1

分类专栏：问题记录

本文链接：https://blog.youkuaiyun.com/lning8808/article/details/119577102

版权

本文档介绍了在使用ElementUI的el-dialog组件显示表单时，遇到编辑数据后无法通过resetFields()方法清空表单数据的问题。重点讨论了在编辑完数据后，再次新增数据时，由于resetFields()不清除ID等特定字段，导致表单残留旧数据的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

终于解决了使用elementui中的el-dialog弹出表单时，编辑完某条数据后，再次添加新的数据时，使用.resetFields()方法表单里的数据没有清空
标签部分

<el-button type="primary" @click="add">新增</el-button>
<el-button  @click="edit">编辑</el-button>
<el-dialog v-dialogDrag :visible.sync="form" >
	<el-form :model="formdata"  ref="formdata" :rules="rules" >
		<el-form-item label="姓名" prop="name">
		    <el-input size="small" v-model="formdata.name" placeholder="请输入姓名"></el-input>
		</el-form-item>
		<el-form-item label="性别" prop="sex">
		    <el-radio-group v-model="formdata.sex">
	           <el-radio label='0'>男</el-radio>
	           <el-radio label='1'>女</el-radio>
	         </el-radio-group>
		<