el-dialog实现在弹窗外部清空弹窗内部及表单数据

2023.1.31今天我学习了如何使用el-dialog进行弹窗外部的刷新数据。

效果如：

当我们点击取消的时候可以实现清空表单数据，然后我们把鼠标移到弹窗的外面之后也希望可以清空弹窗的表单数据。

代码如下：

 <el-dialog :title="title" :visible.sync="open" @close="cancel()">
     <el-form>
         <el-form-item></el-form-item>
      </el-form>
</el-dialog>

只需要在el-dialog设置@close并与取消的按钮方法一致，便可以实现和取消按钮一样的效果。