vue+element弹窗中如何解决表单的缓存问题

问题描述：
当我一开始点击查看后，表单的数据加载出来，当我点表单框外的区域或者右上角×号后退出表单，再次点击修改按钮时，表单标题有变化，但是内容还是查看时的内容，只读不可编辑。

起初我在表单脚部的取消按钮上做功夫，点了取消可以清空记录，但是点框外区域或者×退出还是不行，当时都把框外点击给取消了不让点，发现×号还是特么有缓，真傻，自己试了下体验度贼差[手动狗头]

然后发现饿了么组件中有一个beforeClose这样的操作，关闭弹窗前的回调，索性我就把刚设置的el-button @click="handleCancel"表单脚部取消按钮内的方法扔给了beforeClose，什么都不说了，真香！

html：

js：

注意：
因为我的表单是用的公司封装的组件，不是el-form，不知道el-form有没有这个情况出现。如果文章有不对的地方请指正，新手总结的难免不周全嘻嘻