点击新增按钮重置表单
弹出新增信息窗口 :
handleAdd(){
this.diglogFormVisible=true // 控制弹出框显示隐藏
//$nextTick()是一个异步事件
//弹出窗口打开之后,需要加载DOM,所以不用异步事件,获取不到表单DOM
this.$nextTick(()=>{
this.$refs['Form'].resetFields()
})
}
上面为一种清空方式
还有种清空方式为 :
<el-dialog :close-on-click-modal="false" :title="dialogTitle" :visible.sync="dialogFormVisible" @close="closeDialog">
</el-dialog> <!-- ↑监听dialog关闭事件,进行表单清空,无需异步 -->