vue中 使表单数据重置
应用场景:在添加完成之后,下次再打开时,表单中的数据应该要被清空在关闭弹层时,showDialog的值会变成false,它会触发弹层(el-dialog组件)的close事件,所以,我们添加对监听即可。解决方案:代码如下:<!-- //弹层模块--><el-dialog@close="resetForm"><!-- 表单内容 --><el-form ref
·
应用场景:在添加完成之后,下次再打开时,表单中的数据应该要被清空
在关闭弹层时,showDialog的值会变成false,它会触发弹层(el-dialog组件)的close事件,所以,我们添加对监听即可。
解决方案:
代码如下:
<!-- //弹层模块-->
<el-dialog
@close="resetForm"
>
<!-- 表单内容 -->
<el-form ref="refForm" :model="formData">
methods:{
// 当弹层关闭时,重置表单
resetForm() {
// 把数据清空
this.formData = {
name: '', // 名称
code: '', // 权限标识
description: '', // 描述
enVisible: '0', // 开启
pid: '', // 添加到哪个节点下
type: '' // 类型
}
// 清空内容
this.$refs.refForm.resetFields()
}
}
更多推荐
已为社区贡献8条内容
所有评论(0)