vue修改密码页面

最新推荐文章于 2022-10-12 19:07:58 发布
最新推荐文章于 2022-10-12 19:07:58 发布
阅读量5k 收藏 51
点赞数 6
分类专栏： vue 文章标签： vue.js javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60540878/article/details/120482166
版权 
<template>
  <el-form
    class="login-box1"
    ref="loginForm"
    :model="loginForm"
    :rules="rules"
    label-width="100px"
  >
    <h3 class="login-title">修改密码</h3>
    <el-form-item label="原密码" prop="oldpassword">
      <el-input
        type="password"
        show-password
        auto-complete="off"
        placeholder="请输入原密码"
        v-model="loginForm.oldpassword"
      ></el-input>
    </el-form-item>
    <el-form-item label="新密码" prop="password">
      <el-input
        type="password"
        show-password
        auto-complete="off"
        placeholder="请设置新密码"
        v-model="loginForm.password"
      ></el-input>
    </el-form-item>
    <el-form-item label="确认密码" prop="password2">
      <el-input
        type="password"
        show-password
        auto-complete="off"
        placeholder="请确认新密码"
        v-model="loginForm.password2"
      ></el-input>
    </el-form-item>
    <el-form-item style="float:right">
      <el-button type="primary" @click.native.prevent="handleLogin"
        >保存</el-button
      >
      <el-button @click="$refs['loginForm'].resetFields()">重置</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
import { getSecondpwd, addSecondpwd, updateSecondpwd } from "@/api/self/login";
import { praseStrEmpty } from "@/utils/ruoyi";

export default {
  name: "reset",
  data() {
    const validateNewPassword = (rule, value, callback) => {
      if (value === this.loginForm.oldpassword) {
        callback(new Error("新密码不能与原密码相同!"));
      } else {
        callback();
      }
    };
    const validateNewPassword2 = (rule, value, callback) => {
      if (value !== this.loginForm.password) {
        callback(new Error("与新密码不一致!"));
      } else {
        callback();
      }
    };
    return {
      loginForm: {
        username: "",
        empNum: "",
        empName: "",
        oldpassword: "",
        password: "",
        password2: "",
      },

      // 表单校验
      rules: {
        oldpassword: [
          { required: true, message: "请输入原密码", trigger: "blur" },
        ],
        password: [
          { required: true, message: "请设置新密码", trigger: "blur" },
          { validator: validateNewPassword, trigger: "blur" },
        ],
        password2: [
          { required: true, message: "请确认新密码", trigger: "blur" },
          { validator: validateNewPassword2, trigger: "blur" },
        ],
      },
    };
  },
  created() {
    // this.getCookie()
  },
  methods: {
    /** 提交按钮 */
    handleLogin() {
      this.$refs.loginForm.validate().then((valid) => {
        if (valid) {
          let userId = this.$store.state.user.userid;
          this.loginForm.empNum = userId;
          getSecondpwd(userId)
            .then((res) => {
              // debugger;
              if (res.password == this.loginForm.oldpassword) {
                if (praseStrEmpty(this.loginForm.empNum) != "")
                  updateSecondpwd(this.loginForm).then((response) => {
                    alert("修改成功");
                  });
              } else {
                alert("密码错误");
              }
            })
            .catch(() => {});
        }
      });
    },
  },
};
</script>
<style lang="scss">
.user-account-key {
  width: 500px;
  margin: 100px auto;
}
.login-box1 {
  border: 1px solid #dcdfe6;
  width: 500px;
  height: 340px;
  margin: 180px auto;
  padding: 35px 35px 15px 35px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 0 25px #909399;
}
.login-title {
  text-align: center;
  margin: 0 auto 40px auto;
  color: #303133;
}
</style>
/**
 * 通用js方法封装处理
 */
// 转换字符串，undefined,null等转化为""
export function praseStrEmpty(str) {
	if (!str || str == "undefined" || str == "null") {
		return "";
	}
	return str;
}

查询密码页面

<template>
<!-- <div v-if="reset1"><reset></reset></div> -->
  <div v-if="login1">
    <el-form ref="loginForm" :model="loginForm" :rules="rules"  class="login-box" @submit.native.prevent v-if="!isNew">
      <h3 class="login-title">请输入查询密码</h3>
      <el-form-item prop="password" >
        <el-input
          v-model="loginForm.password"
          type="password"
          auto-complete="off"
          placeholder="请输入查询密码"
          @keyup.enter.native="handleLogin"
        >
          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
           @keyup.enter="loginenter"
        </el-input>
      </el-form-item>

      <el-form-item >
         <el-button type="primary" @click.native.prevent="handleLogin" style="float:right">确定</el-button>
         <!-- <el-button type="text" @click="resetpassword">文字按钮</el-button> -->
      </el-form-item>
    </el-form>

    <el-form ref="loginForm" :model="loginForm" :rules="firstRules"  class="login-box" @submit.native.prevent v-else>
      <h3 class="login-title">请输入查询密码</h3>
      <el-form-item prop="password" >
        <el-input
          v-model="loginForm.password"
          type="password"
          auto-complete="off"
          placeholder="首次登录需设置查询密码"
          @keyup.enter.native="handleLogin"
        >
          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
          @keyup.enter="loginenter"
        </el-input>
      </el-form-item>
      <el-form-item prop="confirmPassword" >
        <el-input
          v-model="loginForm.confirmPassword"
          type="password"
          auto-complete="off"
          placeholder="请再次输入查询密码"
          @keyup.enter.native="handleLogin"
        >
          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
          @keyup.enter="loginenter"
        </el-input>
      </el-form-item>
      <el-form-item >
        <el-button type="primary" @click.native.prevent="handleFisrtLogin" style="float:right">确定</el-button>
      </el-form-item>
    </el-form>
  </div>
    <div v-else>
    <salary></salary>
    </div>



</template>

<script>
import { listSecondpwd, getSecondpwd, delSecondpwd, addSecondpwd, updateSecondpwd, exportSecondpwd } from "@/api/self/login";
import Cookies from "js-cookie";
import { encrypt, decrypt } from '@/utils/jsencrypt'
import salary from './index.vue'
import reset from '../reset/index.vue'
  export default {
    name: "Login",
    components:{
      salary,
      reset,
    },
    data() {
      const equalToPassword = (rule, value, callback) => {
        if (this.loginForm.password !== value) {
          callback(new Error("两次输入的密码不一致"));
        } else {
          callback();
        }
      };
      return {
        reset1:false,
        login1:true,
        loginForm: {
          username: "",
          empNum:"",
          empName:"",
          password: '',
          confirmPassword:'',
        },

        // 表单验证，需要在 el-form-item 元素中增加 prop 属性
        rules: {
          password: [
            {required: true, message: '密码不可为空', trigger: 'blur'}
          ],
        },
        firstRules: {
          password: [
            {required: true, message: '密码不可为空', trigger: 'blur'}
          ],
          confirmPassword: [
            { required: true, trigger: "blur", message: "请再次输入您的密码" },
            { required: true, validator: equalToPassword, trigger: "blur" }
          ]
        },
        isNew: true,

      }
    },
    created(){
        this.getCookie()
      this.handleIfFirst()
    },
    methods: {  
      loginenter() {
        console.log('哎呀，登录中...');
    },
    resetpassword(){
      this.reset1 = true
    },
      handleIfFirst () {
        let userId = this.$store.state.user.userid;
        getSecondpwd(userId).then(res => {
          if(res.isNew){
            this.isNew=true;
          }else {
            this.isNew=false
          }
        }).catch(() => {})

      },
      handleLogin () {
        this.$refs.loginForm.validate(valid => {
          if (valid) {
            this.loading = true;
            let userId = this.$store.state.user.userid;
            getSecondpwd(userId).then(res => {
              if(res.isNew){
                this.isNew=res.isNew;
              }else {
                this.isNew=false
                if(res.password==this.loginForm.password){
                  this.login1=false
                }else {
                  alert("密码错误")
                  }
              }
            }).catch(() => {})
          }
        });
      },
      handleFisrtLogin () {
        this.loginForm.empNum=this.$store.state.user.userid
        this.loginForm.empName=this.$store.state.user.name
        //alert(this.loginForm.empNum)
        this.$refs.loginForm.validate(valid => {
          if (valid) {
            this.loading = true;
            addSecondpwd(this.loginForm).then(res => {
              this.login1=false
            }).catch(() => {})
          }
        });
      },
      getCookie(){
       const username = Cookies.get('username')
      const password = Cookies.get('password')
      this.loginForm = {
        username: username === undefined ? this.loginForm.username : username,
        password: password === undefined ? this.loginForm.password : decrypt(password),
      }
      }
    }
  }
</script>

<style lang="scss" scoped>
  .login-box {
    border: 1px solid #DCDFE6;
    width: 500px;
    margin: 180px auto;
    padding: 35px 35px 15px 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 25px #909399;
  }
  .login-title {
    text-align: center;
    margin: 0 auto 40px auto;
    color: #303133;
  }
</style>

 '@/utils/jsencrypt'

import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'

// 密钥对生成 http://web.chacuo.net/netrsakeypair

const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' +
  'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='

const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' +
  '7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' +
  'PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n' +
  'kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n' +
  'cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n' +
  'DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n' +
  'YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n' +
  'UP8iWi1Qw0Y='

// 加密
export function encrypt(txt) {
  const encryptor = new JSEncrypt()
  encryptor.setPublicKey(publicKey) // 设置公钥
  return encryptor.encrypt(txt) // 对数据进行加密
}

// 解密
export function decrypt(txt) {
  const encryptor = new JSEncrypt()
  encryptor.setPrivateKey(privateKey) // 设置私钥
  return encryptor.decrypt(txt) // 对数据进行解密
}

在package.json中配置

  "dependencies": {
    "axios": "0.21.0",
    "element-ui": "2.15.5",
    "js-cookie": "2.2.1",
    "jsencrypt": "3.0.0-rc.1",
  },

 登录页面

<template>
  <div class="login">
    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
      <h3 class="title">后台管理系统</h3>
      <el-form-item prop="username">
        <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
        </el-input>
      </el-form-item>
      <el-form-item prop="password">
        <el-input
          v-model="loginForm.password"
          type="password"
          auto-complete="off"
          placeholder="密码"
          @keyup.enter.native="handleLogin"
        >
          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
        </el-input>
      </el-form-item>
      <!--<el-form-item prop="code" v-if="captchaOnOff">-->
        <!--<el-input-->
          <!--v-model="loginForm.code"-->
          <!--auto-complete="off"-->
          <!--placeholder="验证码"-->
          <!--style="width: 63%"-->
          <!--@keyup.enter.native="handleLogin"-->
        <!--&gt;-->
          <!--<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />-->
        <!--</el-input>-->
        <!--<div class="login-code">-->
          <!--<img :src="codeUrl" @click="getCode" class="login-code-img"/>-->
        <!--</div>-->
      <!--</el-form-item>-->
      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
      <el-form-item style="width:100%;">
        <el-button
          :loading="loading"
          size="medium"
          type="primary"
          style="width:100%;"
          @click.native.prevent="handleLogin"
        >
          <span v-if="!loading">登 录</span>
          <span v-else>登 录 中...</span>
        </el-button>
        <div style="float: right;" v-if="register">
          <router-link class="link-type" :to="'/register'">立即注册</router-link>
        </div>
      </el-form-item>
    </el-form>
    <!--  底部  -->
    <div class="el-login-footer">
      <span>Copyright ©2019</span>
    </div>
  </div>
</template>

<script>
import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie";
import { encrypt, decrypt } from '@/utils/jsencrypt'

export default {
  name: "Login",
  data() {
    return {
      codeUrl: "",
      cookiePassword: "",
      loginForm: {
        username: "",
        password: "",
        rememberMe: false,
        code: "",
        uuid: ""
      },
      loginRules: {
        username: [
          { required: true, trigger: "blur", message: "请输入您的账号" }
        ],
        password: [
          { required: true, trigger: "blur", message: "请输入您的密码" }
        ],
        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
      },
      loading: false,
      // 验证码开关
      captchaOnOff: false,
      // 注册开关
      register: false,
      redirect: undefined
    };
  },
  watch: {
    $route: {
      handler: function(route) {
        this.redirect = route.query && route.query.redirect;
      },
      immediate: true
    }
  },
  created() {
    //this.getCode();
    this.getCookie();
    this.getSrc();
  },
  methods: {
    // getCode() {
    //   getCodeImg().then(res => {
    //     this.captchaOnOff = res.captchaOnOff === undefined ? true : res.captchaOnOff;
    //     if (this.captchaOnOff) {
    //       this.codeUrl = "data:image/gif;base64," + res.img;
    //       this.loginForm.uuid = res.uuid;
    //     }
    //   });
    // },
    getCookie() {
      const username = Cookies.get("username");
      const password = Cookies.get("password");
      const rememberMe = Cookies.get('rememberMe')
      this.loginForm = {
        username: username === undefined ? this.loginForm.username : username,
        password: password === undefined ? this.loginForm.password : decrypt(password),
        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
      };
    },
    handleLogin() {
      this.$refs.loginForm.validate(valid => {
        if (valid) {
          this.loading = true;
          if (this.loginForm.rememberMe) {
            Cookies.set("username", this.loginForm.username, { expires: 30 });
            Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
          } else {
            Cookies.remove("username");
            Cookies.remove("password");
            Cookies.remove('rememberMe');
          }
          let ifTest=process.env.VUE_APP_IF_TEST
              this.$store.dispatch("Login", this.loginForm).then(() => {
                this.$router.push({ path: this.redirect || "/" }).catch(()=>{
                  this.loading = false;
                });
              }).catch(() => {
                this.loading = false;
                if (this.captchaOnOff) {
                  this.getCode();
                }
              });
        }
      });
    },
    getSrc(){
      console.log("="+this.isSrc)

      this.isSrc=this.getQueryString("isSrc");
      console.log(this.isSrc)

    },
    getQueryString(name) { 
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
        var r = window.location.search.substr(1).match(reg); 
        if (r != null) return unescape(r[2]); return null; 
    } 
    
  }
};
</script>

<style rel="stylesheet/scss" lang="scss">
.login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-image: url("../assets/images/login-background.jpg");
  background-size: cover;
}
.title {
  margin: 0px auto 30px auto;
  text-align: center;
  color: #707070;
}

.login-form {
  border-radius: 6px;
  background: #ffffff;
  width: 400px;
  padding: 25px 25px 5px 25px;
  .el-input {
    height: 38px;
    input {
      height: 38px;
    }
  }
  .input-icon {
    height: 39px;
    width: 14px;
    margin-left: 2px;
  }
}
.login-tip {
  font-size: 13px;
  text-align: center;
  color: #bfbfbf;
}
.login-code {
  width: 33%;
  height: 38px;
  float: right;
  img {
    cursor: pointer;
    vertical-align: middle;
  }
}
.el-login-footer {
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 1px;
}
.login-code-img {
  height: 38px;
}
</style>

程序媛na
关注
  • 6
    点赞
  • 踩
  • 51
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue实现 修改密码
lwg112233的博客
02-05 5001
1.定义一个对话框并绑定数据 <el-dialog title="重置密码" :visible.sync="ResetPwdDialogVisible" width="40%" @close="resetForm('pwdForm')"> <el-form :model="resetPwdForm" status-icon :rules="resetPwdRules
vue实现个人信息查看和密码修改功能
01-19
下面一段代码给大家介绍vue实现个人信息查看和密码修改功能，具体代码如下所述： //用了element组件，自己要加载和引入 <template> <div class=all-container> <div class=all-container-padding> <el v-model=activeName tab-click=handleClick> <el label=基本信息 name=first> <el-form :model=userlist :rules=rul
循序渐进VUE+Element 前端应用开发(24）--- 修改密码的前端界面和ABP后端设置处理
三分恶的博客
11-08 939
转载   原文作者：伍华聪    原文地址：https://www.cnblogs.com/wuhuacong/p/13885912.html 文章目录1、ABP后端的密码设置和修改密码处理2、前端界面的处理和组件化操作 用户在系统登录后，一般会提供一个入口给当前用户更改当前的密码，其实更改密码操作是很简单的一个处理，不过本篇随笔主要是介绍结合前后端来实现这个操作，后端是基于ABP框架的，需要对密码的安全性进行一个设置，否则严格的密码规则非常不友好，毕竟我们系统很多情况下不需要那么复杂的密码规则。 .
Vue修改密码功能的实现
Sparks550的博客
01-13 4759
样式 基本需求 输入框不能为空 旧密码表单提交时必须正确 两次输入新密码一致 限定新密码的复杂度，这里是长度在 6 到 20 个字符 代码 <template> <el-form ref="form" :model="user" :rules="rules" label-width="80px"> <el-form-item label="旧密码" prop="oldPassword"> <el-input v-model="user.
实现修改密码的功能（Vue+elementUI）
ZhouXin_0819的博客
02-18 3633
<!-- 修改密码界面 --> <el-dialog title="重置密码" width="30%" :visible.sync="cgpwdVisible" :close-on-click-modal="false" :modal-append-to-body='false' @close="handleCloseDialog"> <el-form :model="dataForm" label-width="100px" :rules="d
spring boot+iview 前后端分离架构之首页退出和修改密码的实现（二十三）
笨鸟不会飞
07-04 2万+
spring boot 与 iview 前后端分离架构之首页退出和修改密码的实现（二十三）首页退出和修改密码的实现添加修改密码的mock数据修改密码的实现 首页退出和修改密码的实现 通过上一章节我们已经实现了动态加载菜单栏和，动态显示我们的面包屑导航了，但是我们的首页还缺少退出以及修改密码的选项，因此本章将为大家讲解如何实现退出和修改密码的实现。 添加修改密码的mock数据 由于我们现在的前端一直...
vue 修改登录页面文件
09-17
Vue.js提供了一种灵活且强大的方式来构建组件化的应用程序，这使得修改登录页面变得相对简单。下面我们将详细探讨如何在Vue.js中修改登录页面文件。 首先，Vue项目通常由多个组件构成，每个组件负责一部分UI。在...
vue网站后台登录注册和忘记密码切换页
07-13
- 跳转链接：提供到注册或忘记密码页面的链接。 2. **Register组件**： - 输入框：用户名、邮箱、密码和确认密码。 - 提交按钮：验证输入并注册新用户，同样使用axios发送POST请求。 - 条件验证：确保密码强度...
利用JS响应式修改vue实现页面的input值
10-16
在本文中，我们将深入探讨如何利用JavaScript响应式地修改Vue中的页面输入值，以便在特定场景下实现自动填充和触发相应操作。 首先，让我们回顾一下问题的背景。在基于Vue的登录页面中，有一个需求是当从APP端调用...
SpringBoot + Vue 实现用户名密码登录.zip
11-05
- **前端**：Vue组件化开发用户界面，包括登录表单，使用Vue Router管理页面路由，实现登录后的页面跳转。 - **后端**：创建登录接口，接收前端发送的用户名和密码，验证后返回成功或失败信息。 - **测试**：单元...
jsp密码修改页面
05-10
就是密码修改的提示页，使用者只需简单修改即可加到自己的项目中。
vue项目中更改密码并验证
qq_42786138的博客
09-03 1133
data() { //此处即表单发送之前验证 let validateNewPassword = (rule, value, callback) => { if (value === this.form.password) { callback(new Error('新密码不能与原密码相同!')) } else { callback()...
vue 解决密码框 input 中type=“password“时，浏览器会回显之前保存的用户名和密码
輕描淡寫的博客
10-12 1857
浏览器会回显之前保存的用户名和密码解决
vue中常用的几种import（模块、文件）引入方式，export，export default，全部/部分文件的导出/导入
热门推荐
10-01 4万+
目录 1 引入第三方插件 2.引入工具类 3.导入 css文件 4.导入组件 ５．import '@…'的语句 1 引入第三方插件 import echarts from 'echarts' 2.引入工具类 第一种是引入单个方法 import {axiosfetch} from './util'; 下面是写法，需要export导出 export function axi...
简单的实现了一个“小眼睛”控制用户密码的显示和隐藏
weiwudexinyang的博客
08-25 1111
项目场景： 在写项目的过程中遇到了要写一个简单的登录功能，因为是小的登录用户注册，就没有使用框架的表单，卸载这里当做一个记录了，实现的效果如图可以粘贴到vscode运行一下，van-icon如果没有的话可以自己写个其他div替代 问题描述： 我就简单的实现了一个“小眼睛”控制用户密码的显示和隐藏 <template> <divclass="loginWapper"> <div> <p>用户名：<inputtype...
vue登录界面用户名，密码未输入，点击登录自动获取焦点
xiasohuai的博客
07-26 4711
1.首先要使得第一个文本框自动获取焦点。然后每一个后面加回车事件 。(iviewUI组件库为例)  &lt;Form ref="loginForm" :model="formItem" :label-width="80" :rules="rules"&gt; &lt;FormItem prop="userName" label="账号:"&gt;&am
在vue中使用this.$refs报错undefined找不到子组件的方法
此行必胜，你我顶峰相见
02-22 5745
最近遇见个问题 在父组件调用子组件的方法时报错undefined 这种情况一般都是父组件调用子组件方法的时候，子组件还未渲染成功 比如报错行是 this.$refs.passwordmodal.show(username); 可以改成上 this.$nextTick(()=>{ this.$refs.passwordmodal.show(username); }) ...
用vue写一个修改密码页面
最新发布
03-30
以下是一个简单的Vue.js修改密码页面的示例： ```html 修改密码 旧密码 新密码 确认密码 提交 export default { data() { return { oldPassword: '', newPassword: '', ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值