自定义组件--密码修改对话框（拿来即用型）

前言

        一个完整的系统中用户登录功能是不可或缺的，因此用户密码的修改对于前端开发者而言也是工作的重要一环，密码修改分为两种情况：一是用户自身想更换密码；另一种是忘记密码只能选择更换密码。本文自定义了一个通用且常见的组件--密码修改对话框，读者可直接拿去复用，效果如下图所示：

 完整的代码实现：

<template>
    <el-dialog
        :visible.sync="openPassWord"
        title="密码修改"
        center
        :lock-scroll="true"
        :show-close="true"
        :modal-append-to-body="true"