element 弹框‘取消按钮’和‘关闭弹窗按钮’点击取消输入框

以下记录是个人开发过程中遇到的问题：

image.png

 <el-dialog @closed="handleCloseEdit">
      <el-form  ref="ruleForm">
          <el-form-item label="等级名称">
             <el-input
                v-model="ruleForm.levelName"
                placeholder="请输入等级名称"
             ></el-input>
        </el-form-item>
    </el-form>
    
     <span slot="footer">
        <el-button @click="handleCancelEdit">取 消</el-button>
        <el-button @click="handleEditIntegration" >确 定</el-button>
      </span>
 </el-dialog>

methods:{
  //取消按钮
    handleCancelEdit() {
      this.editdialogVisible = false;
      this.$nextTick(() => {
        this.$refs.ruleForm.resetFields();
      });

 //关闭弹框按钮
    handleCloseEdit() {
      this.$nextTick(() => {
        this.$refs.ruleForm.resetFields();
      });
    },
}