用vue-element写一个修改密码的页面

下面是一个简单的修改密码页面的示例代码，使用了 Vue.js 和 Element UI 框架：

<template>
  <el-form ref="form" :model="form" label-width="80px" class="password-form">
    <el-form-item label="旧密码" prop="oldPassword">
      <el-input type="password" v-model="form.oldPassword"></el-input>
    </el-form-item>
    <el-form-item label="新密码" prop="newPassword">
      <el-input type="password" v-model="form.newPassword"></el-input>
    </el-form-item>
    <el-form-item label="确认密码" prop="confirmPassword">
      <el-input type="password" v-model="form.confirmPassword"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="submitForm">提交</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        oldPassword: '',
        newPassword: '',
        confirmPassword: ''
      }
    }
  },
  methods: {
    validateForm() {
      return new Promise((resolve, reject) => {
        this.$refs.form.validate(valid => {
          if (valid) {
            resolve()
          } else {
            reject(new Error('表单验证失败'))
          }
        })
      })
    },
    submitForm() {
      this.validateForm()
        .then(() => {
          // TODO: 提交密码修改请求
          this.$message.success('密码修改成功')
        })
        .catch(error => {
          this.$message.error(error.message)
        })
    }
  }
}
</script>

在上面的代码中，我们使用了 Element UI 的 `el-form` 和 `el-form-item` 组件来渲染表单，并使用了 `v-model` 指令来绑定表单数据。

在 `submitForm` 方法中，我们使用了 `validateForm` 方法来进行表单验证，如果验证通过，则可以提交密码修改请求。在实际应用中，你需要根据具体的业务需求来实现密码修改逻辑。