vue-element-ui学习之登录

最新推荐文章于 2023-09-24 21:35:14 发布
最新推荐文章于 2023-09-24 21:35:14 发布
阅读量337 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40307753/article/details/105695518
版权
1.登录页面this.$store访问store选项，dispatch派发一个异步动作，参数为action的路径（压缩之后）和数据data2./src/store/modules/user.js：action将登录的用户信息存储起来，然后发送一个请求以获得token3./src/api/user.js：function4.utils–>setToken到cookies...
摘要由CSDN通过智能技术生成

1.登录页面

$store.dispatch

this.$store访问store选项，dispatch派发一个异步动作，参数为action的路径（压缩之后）和数据data

2./src/store/modules/user.js：action

action中的login行为

将登录的用户信息存储起来，然后发送一个请求以获得token

3./src/api/user.js：function
api中的login方法
4.utils–>setToken到cookies

setToken方法

5.mock返回token
token详情
mock接收请求的接口
嗯 就这些了 如果以后学了更懂了 我就回来补（挖坑了）

HakenⅤ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ElementUI 登录页
06-17
最基础的ElementUI -登录页,适合新手查看，下载后运行npm install npm run dev然后访问http://localhost:8080/#/login就可以看到登录页面
ElementUI之登录与注册
YZZdear的博客
09-22 902
这一篇的知识点在前面两篇的博客中就已经详细详解啦，包括如何环境搭建和如何建一个spa项目等等知识点，非常详细，大家如果有看不懂的地方可以看我前面两篇的博客，或者也可以私信问我哦~~上两篇的博客链接放下面啦！！Element - 网站快速成型工具ElementUI 是一套基于 Vue.js 的桌面端 UI 组件库，它提供了丰富的组件和工具，可以帮助开发者快速构建出美观、灵活和易于维护的网页应用程序。ElementUI提供了众多常用的 UI 组件。
使用element-ui实现后台的用户登录
weixin_46419373的博客
09-07 3262
今天主要写了后台的用户登录，下面就说说怎么实现用户的登录。 效果： 代码实现： 1、首先就是页面的布局(主要是用element-ui来实现的) <template> <div class="login_box"> <div class="login_content"> <h1>用户登录</h1> <el-form :model="ruleForm" status-ico.
vue+element-ui实现cookie登录
weixin_30408165的博客
06-11 468
//效果 //login.vue<template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm loginFrom"> <h1 style="font-size: 1.5...
vue+Element-ui实现登录注册表单
01-18
本文实例为大家分享了vue+Element-ui实现登录注册表单的具体代码，供大家参考，具体内容如下 登录注册表单验证 通过Element-ui的表单实现登录注册的表单验证 效果图如下 注册 登录表单 登录的实现，需要通过手机号或者邮箱进行登录,验证手机号或者邮箱符合要求 // 登录表单验证的代码 // template的代码 <el-form-item pro
vue-element-admin中文版本
07-20
Vue-element-admin 是基于 Vue.js 的一套全面的后台管理系统模板，它利用了 Element UI 这个流行的 UI 组件库，提供了一系列预设的页面模板、路由、权限管理等功能，极大地加速了后台管理系统的开发过程。...
vue-element-admin 集成框架设置中文语言
最新发布
11-10
Vue-element-admin是基于Vue.js构建的一个后台管理界面框架，它结合了Element UI组件库，提供了丰富的UI组件和强大的功能，使得开发者能够快速搭建企业级的后台管理系统。 在"vue-element-admin 集成框架设置中文...
毕业设计项目-个人博客。前端基于Vue，Element-UI和Vue-Element-Admin实现，后台采用SpringBoot+MybatisPlus+Rd
07-09
Vue-Element-Admin则是一个基于Vue.js和Element-UI的后台管理系统模板，它包含了一套完整的管理端页面结构和基础功能，如登录、权限控制、多语言支持等，大大简化了前端开发的工作量。在本项目中，Vue-Element-Admin...
vue-element-admin 精简版
03-03
3. **Element UI**: Element UI 是一套基于Vue.js的开源UI组件库，提供了丰富的表单控件、布局工具和各种组件，如按钮、表格、通知等，旨在提高开发效率。 4. **.env.development**: 这个文件用于存储开发环境的...
vue-element-admin-4.4.0.zip
03-01
在Vue.js的基础上，"vue-element-admin"是一个基于Element UI的后台管理系统模板。Element UI是饿了么团队推出的一套轻量级的前端UI库，它提供了丰富的组件，如表格、按钮、对话框、通知等，让开发者能够快速构建出...
ElementUI基本介绍及登录注册案例演示
ChatYU的博客
09-24 5830
Element UI 是一个基于 Vue.js 的开源前端框架，用于构建用户界面。它提供了一套丰富的 UI 组件和工具，可以帮助开发者快速构建现代化的 web 应用程序。基于 Vue.js：Element UI 是专门为 Vue.js 框架设计的，因此与 Vue.js 集成非常紧密。这使得开发者可以轻松地将 Element UI 的组件嵌入到他们的 Vue.js 应用程序中。丰富的 UI 组件：Element UI 提供了一系列常用的 UI 组件，包括按钮、表单、对话框、导航菜单、数据表格、图表等等。
Element-UI登录Token
qq_41835813的博客
08-14 860
登陆页面 <template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left"> <div class="title-container"> <h3 c
仿QQ概念版的登陆界面
江南聆风
04-28 458
先上图 实现了太阳的转动，云的飘动，叶子的摆动，以及彩虹由左到右的出现。 代码很简单，动画直接看代码，很好理解 以下是全部代码（表示不会上传文件啊啊啊啊啊~~）         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://sche
vue+element-ui 登录预验证，token
qq_41800649的博客
06-02 865
1.点击登录时的预验证 触发函数调用this.$refs.xxx.validate方法 this.$refs.loginFormRef.validate((vali, obj) => { if (!vali) { return; } } 2.配置axios发送登录请求 main.js文件： //导入axios import axios from "axios"; //配置请求的根路径 axios.defaults.bas
PyCharm出现this license xxx has been cancelled问题
qq_41913013的博客
01-05 1281
法一：更新激活码 法二：更改hosts文件 1.hosts文件的位置：C:\Windows\System32\drivers\etc 2.右击hosts文件，用记事本打开，在最后一行添加：“0.0.0.0 account.jetbrains.com” 不要输出，直接复制即可。 3.再次进入激活页面即可 4.修改了hosts无法保存 另存为.txtwen文件，再删掉.txt后缀，再放...
pycharm 提示：this license **** has been cancelled（2）
猿说编程
10-28 9003
目录 一.找到hosts文件 二.修改hosts文件 三.检查hosts文件是否修改成功 pycharm安装激活过程中，提示 this license **** has been cancelled 。这个问题并不是你的激活码不对，而是需要修改系统的hosts文件，下面详细讲解下如何修改hosts文件。 一.找到hosts文件 首先找到hosts文件所在目录：（以...
小白学习简单的vue + element-ui 实现前端登录页面
咿呀咿呀呦~
05-31 1938
一、登录功能业务流程 二、登录业务的相关技术点 不存在跨域问题，推荐使用cookie与session； 反之则使用token，支持跨域 三、token 原理分析 四、登录功能实现 1、布局实现：通过Element-UI组件实现布局 el-form el-form-item el-input el-button 字体图标(iconfont) 2、创建新分支 git checkout -b login 3、vue项目的基本结构。通过vs code 打开项目，删除App.vue中不必要的代码块 将
[亲测有效]intellij IDEA出现“this license K03CHKJCFT has been cancelled”错误时解决方法
热门推荐
weixin_42617262的博客
02-25 4万+
intellij IDEA激活码错误时出现“this license K03CHKJCFT has been cancelled”的解决方法 解决方案： 第一步：修改hosts文件 该文件Windows下路径为：C:\Windows\System32\drivers\etc 修改hosts文件方法： 因hosts所在路径非管理员不可修改，故我们可将hosts文件复制到桌面，用记事本打开，将“0*...
Intellij IDEA激活报错 This license ******** has been cancelled 已解决
weixin_44217401的博客
03-04 2万+
错误信息 此错误是在激活码无误的情况下，也就是没有Key is invalid字样，如下图就不是： 此错误是在下图的情况产生的 报错原因及解决 本机的hosts文件中的0.0.0.0 account.jetbrains.com缺失，hosts文件在C:\Windows\System32\drivers\etc，这是Windows系统下的，Linux在/etc/hosts目录下 添加好后再去...
vue-element-ui 自定义菜单背景色
09-08
要自定义vue-element-ui的菜单背景色，首先需要修改主题样式文件。vue-element-ui使用的是scss来编写样式，所以我们需要在项目中引入scss文件。 首先，在项目中创建一个新的scss文件，比如my-theme.scss，然后在该...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值