vue3+ele-plus+vite的后台管理系统项目
添加和编辑共用同一个弹窗(el-drawer)
当我监听到弹窗关闭事件时:
formEditRef.value.resetFields()
重置表单
当我点击添加时,设置弹窗true弹出,并重置表单,手动设置表单中每一个的属性值为空
const addFun = () => {
drawerData.visible = true;
formEditRef.value.resetFields()
teacherData.id = "";
teacherData.teacherName = "";
}
当我点击编辑时,设置弹窗true弹出,并重置表单,手动赋值表单中每一个的属性值
const editFun = d => {
drawerData.visible = true;
formEditRef.value.resetFields()
teacherData.id = d.id;
teacherData.teacherName = d.name;
}
刷新页面
当我先点击添加方法的时候,表单是空的,关闭弹窗,点击编辑方法时,表单被赋值,这时候点击重置按钮,执行formEditRef.value.resetFields()
会被重置为空
刷新页面
但是当我先点击编辑,再点击添加的时候,点击重置按钮,执行formEditRef.value.resetFields()
却会被重置为编辑时赋的值
求:帮我解析一下这个问题
按理说我每次刷新页面,初始值不应该都是空的嘛,为什么重置的时候成了 第一次赋值操作后的值呢?
重要!
如果说只是为了达到预期的(添加重置为空,编辑赋值),我自己可以实现的,我意思是 这个问题的 解析! 就是有没有读过ele源码的 解析一下他这个啥原理昂
我自己写了个纯html页面 每个form元素都有一个defaultValue的属性,我尝试修改默认赋值,发现他的值只会是初始化页面的初始值,并不会有element这种情况,不知道是ele自己封装实现的重置方法,还是调用的原生的defaultValue,又为什么会出现这种情况呢?