阅读背景:

vue+element-ui实现cookie登录

来源:互联网 

//效果

 

//login.vue

<template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm loginFrom"> <h1 style="font-size: 1.5rem;color: #fff;font-weight: bold;padding: 1rem 0;">登陆</h1> <el-form-item> <el-input placeholder="账号" v-model="ruleForm.userName"></el-input> </el-form-item> <el-form-item> <el-input type="password" v-model="ruleForm.password" placeholder="密码"></el-input> </el-form-item> <div style="padding: 1rem 0 2rem 0;" class="clear"> <span class="lf" style="color:#0489cc;">帮助</span> <div class="rt"> <el-checkbox v-model="checked" style="color:#a0a0a0;">一周内自动登录</el-checkbox> <span @click="clearCookie" style="cursor: pointer;color: #f19149;font-size: 0.75rem;margin-left: 5px;">忘记密码?</span> </div> </div> <el-button type="primary" @click="submitForm('ruleForm')" style="width: 100%;">登陆</el-button> </el-form> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm loginFrom"> <h1 style="font-size: 1.5rem;color: #fff;font-weight: bold;padding: 1rem 0;">登陆</h1> <el-form-item> <el-input placeholder="账号" v-model="ruleForm.userName"></el-input> </el-form-item> <el-form-item> <el-input type="password" v-model="ruleForm.password" placeholder="密码"></el-input> </el-form-item> <div style="padding: 1rem 0 2rem 0;" class="clear"> <span class="lf" style="color:#0489cc;">帮助</span> <div class="rt"> <el-checkbox v-model="checked" style="color:#a0a0a0;">一周内自动登录</el-checkbox> <span @click="clearCookie" style="cursor: pointer;color: #f19149;font-size: 0.75rem;margin-left: 5px;">忘记密码?</span> </div> </div> <el-button type="primary" @click="submitForm('ruleForm')" style="width: 100%;">登陆</el-button> </el-form> </div> </template> <script><template>



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: