-
03主页-实现导航菜单的基本结构
浏览数: 566 在element-ui 中找到导航菜单组件https://element.eleme.cn/#/zh-CN/component/menu <el-menu default-active="…
-
02 主页-美化主页的header区域
浏览数: 541 先准备好素材 icon 64×64 以下 单独修改el-header <el-header class="home-header"> <div> &…
-
01 主页-实现主页的基本布局
浏览数: 683 到element-ui 中找到我们想要的主页布局样例 https://element.eleme.cn/#/zh-CN/component/container <el-container> …
-
登录退出-实现退出功能
浏览数: 497 利用window.sessionStorage.clear() 将本地token 情况 用this.$router.push 编程式路由将页面跳转到登录也面 <template> <d…
-
登录退出-挂在路由导航守卫
浏览数: 515 导航守卫的目的是确保授权页面的访问都需要要携带token import Vue from 'vue' import Router from 'vue-router'…
-
登录退出-完善登录后的操作
浏览数: 475 将token 存储到本地的sessionStorage 中 跳转到主页，新建主页：在component 文件夹创建一个Home.vue 单文件组件，在router/index.js 路由文件中新增…
-
登录退出-Message 全局弹框组件
浏览数: 529 element-ui 的Message 进行全局弹框 https://element.eleme.cn/#/zh-CN/component/message 在element.js 中引入Message …
-
登录退出-配置axios 发起登录退出请求
浏览数: 483 通过Vue的原型对象挂载axios，这样就可以用this.$http 来调用axios main.js 入口文件挂载axios import Vue from 'vue' impor…
-
登录退出-表单预验证
浏览数: 452 通过form表单对象的validate 方法对表单进行预验证 https://element.eleme.cn/#/zh-CN/component/form <template> <d…
-
登录退出-重置表单
浏览数: 474 利用ref 来获取表单的实例对象 https://element.eleme.cn/#/zh-CN/component/form <template> <div class="…