关于element-ui关闭dialog右上角关闭按钮，表单校验依然提示解决方法

最新推荐文章于 2024-03-30 17:16:56 发布

Mingyun-zjk

最新推荐文章于 2024-03-30 17:16:56 发布

阅读量1.2k

点赞数 1

文章标签： javascript 前端 vue.js elementui

本文链接：https://blog.csdn.net/Strive_Limingyun/article/details/129568839

版权

在这里插入图片描述
给dialog组件绑定close方法为取消按钮方法

<el-dialog width="500px" title="修改密码" :visible.sync="showDialog" @close="btnCancel">
      <el-form ref="passForm" label-width="120px" :model="passForm" :rules="rules">
        <el-form-item label="旧密码" prop="oldPassword">
          <el-input v-model="passForm.oldPassword" show-password size="small" />
        </el-form-item>
        <el-form-item label="新密码" prop="newPassword">
          <el-input v-model="passForm.newPassword" show-password size="small" />
        </el-form-item>
        <el-form-item label="重复密码" prop="confirmPassword">
          <el-input v-model="passForm.confirmPassword" show-password size="small" />
        </el-form-item>
        <el-form-item>
          <el-button size="mini" type="primary" @click="btnOK">确认修改</el-button>
          <el-button size="mini" @click="btnCancel">取消</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>