![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
mty三天
宠辱不惊,看庭前花开花落;去留无意,望天上云卷云舒
展开
-
27vue--主页 美化 header区域
主页 美化 header区域文章目录主页 美化 header区域信息:知识点:Code效果:信息:视频: https://www.bilibili.com/video/BV1EE411B7SU?p=31知识点:flex 布局Codehome.vue<template> <!-- <div> <el-button type="success" @click="logout">退出</el-button>原创 2020-07-06 22:59:47 · 543 阅读 · 0 评论 -
vue26 主页--实现主页基本的页面布局
vue 主页–实现基本的页面布局视频参考https://www.bilibili.com/video/BV1EE411B7SU?p=30说明:自己新增了footer 和less 嵌套的css 和视频有点点出入知识点Container 布局容器-element-ui布局: 和视频的有点不一样 <el-container> <el-header>Header</el-header> <el-container> <el-as原创 2020-07-05 23:03:50 · 1393 阅读 · 0 评论 -
25vue--退出功能
vue 退出功能文章目录vue 退出功能总结:目的实现分析:codeHome.vue效果登录成功点击退出总结:清空tokenwindows.sessionStorage.clean()跳转到登录界面this.$router.push('/login')新增一个element-ui的button<el-button type="success">退出</el-button>参考:https://element.eleme.cn/2.0/#/zh-CN原创 2020-07-02 22:45:31 · 392 阅读 · 0 评论 -
24vue-- 登录路由守卫控制
vue-24 登录路由守卫控制文章目录vue-24 登录路由守卫控制视频:知识点:code修改点:本次修改的地方router.js 看完整代码报错报错内容:解决:npm install core-js@3效果视频:https://www.bilibili.com/video/BV1EE411B7SU?p=25知识点:路由守卫控制访问:如果没有登录有些页面不能访问,跳转到登录,登录后才可以// 为路由对象,添加beforeEach 导航守卫,router.beforeEach((to, fr原创 2020-07-01 23:16:52 · 217 阅读 · 0 评论 -
23vue login登录 --完善登录之后的操作
login登录 --完善登录之后的操作文章目录login登录 --完善登录之后的操作@[toc]视频参考:目的操作code效果视频参考:https://www.bilibili.com/video/BV1EE411B7SU?p=24目的将登录后的token 保持到sessionStorage中 --会话期间的存储机制其他API需要在登录后才可以调用token只应当在当前网站打开期间有效,通过编程式导航跳转到后台主页,路由地址是/home操作// 添加token到sessionS原创 2020-06-30 22:31:27 · 413 阅读 · 0 评论 -
22vue--登录退出-配置Message全局弹框组件
vue 登录退出-配置Message全局弹框组件文章目录vue 登录退出-配置Message全局弹框组件@[toc]视频:知识点:目的:修改点:说明整体导入element-ui的的情况局部导入的情况整体代码 Login.vue效果登录成功登录失败视频:https://www.bilibili.com/video/BV1EE411B7SU?p=23知识点:element-ui Message 消息提示目的:以友好的方式提示用户修改点:文件:Login.vue内原创 2020-06-29 22:22:15 · 740 阅读 · 0 评论 -
21vue--登录退出,配置axios发起登录请求
2020-06-28 21登录退出,配置axios发起登录请求总结:知识点axiosaxios配置axios在mains.js内增加:import axios from 'axios'axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'Vue.prototype.$http = axios使用axios在Login.vue内使用: login () { this.$r原创 2020-06-28 22:57:14 · 599 阅读 · 4 评论 -
20vue登录-表单数据重置
pdemo: Happy every day! Go!农历 庚子 鼠年 五月初二 -- 2020年6月22日 - 周一 - 21:44说明:个人学习整理视频参考链接:https://www.bilibili.com/video/BV1EE411B7SU?p=20Vue 登录输入框--表单数据重置elment-ui 内 Form表单的resetFileds Methods1 form 内数据重置 表单添加ref引用 ref="loginFormRef", 值就是组件的实例对象2 在重置..原创 2020-06-23 21:47:06 · 502 阅读 · 0 评论 -
19vue-- 登录退出 实现表单的数据验证
说明:个人的学习记录视频参考:https://www.bilibili.com/video/BV1EE411B7SU?p=19pdemo: Happy every day! Go!农历 庚子 鼠年 五月初二 -- 2020年6月22日 - 周一 - 21:031.vue 登录推出--实现表单数据验证 1.1 输入框内 输入内容,当鼠标移动后,自动验证数据的有效性 1.2 基于element-ui 内的form 表单的验证 1.3 form 内:rules 添加这...原创 2020-06-22 22:45:24 · 241 阅读 · 0 评论