忘记密码（通过手机验证码找回设置）自己写

<template>
     <div>
        <h3  class="pad-all">找回密码h3>
        <el-form :model="modeflyForm" :rules="rules" ref="modeflyForm" class="pad-all" >
            <el-form-item label="手机号" prop="tel" :label-width="formLabelWidth">
                <el-input v-model="modeflyForm.tel" autocomplete="off">el-input>
            el-form-item>
            <el-form-item label="用户名" prop="user" :label-width="formLabelWidth">
                <el-input v-model="modeflyForm.user" autocomplete="off">el-input>
            el-form-item>
            <el-form-item label="新密码" prop="newPass" :label-width="formLabelWidth">
                <el-input type="password" v-model="modeflyForm.newPass" autocomplete="off">el-input>
            el-form-item>
            <el-form-item label="验证码" prop="verifly" :label-width="formLabelWidth">
                <el-input v-model="modeflyForm.verifly" autocomplete="off" class="verifly">el-input>
                <el-button class="getVerifly">
                    <span v-show="sendAuthCode" class="auth_text auth_text_blue" @click="checkTel">获取验证码span>
                    <span v-show="!sendAuthCode" class="auth_text"> 
                        <span class="auth_text_blue">{{auth_time}} span> 
                        秒之后重新发送验证码
                    span> 
                el-button>
            el-form-item>
        el-form>
        
        <div slot="footer" class="dialog-footer" style='text-align:center;padding:50px 0;'>
            <el-button type="primary" @click="submit" style='margin-right:30px;'>提 交el-button>
            <el-button @click="closeBox" style='margin-left:30px;'>取 消el-button>
        div>
    div>
template>

 

转载于:https://www.cnblogs.com/ll15888/p/11398464.html