摘要：ps：404 页面一定要放在最后 ， { path: "*", redirect: "/404", hidden: true } ，在创建路由实例的时候，加载路由规则 routes 的时候默认把 404 页面放在最后 ，但是使用 addRoutes 之后 404 页面就不再最后了 ，所以刷新页面的时 阅读全文

摘要：ps：服务器返回用户的权限标识 ； 主要在登录的时候判断用户的权限 1. 左侧菜单显示 2. 路由的页面跳转 - 使用 addRoutes 增加动态路由规则并注入路由实例 router ；实现位置：在前置路由守卫中，和登录判断一块的 ； permission 文件实现 前置路由守卫 是否登录（tok 阅读全文

摘要：点击修改按钮：定于一个修改的方法，调出弹出层 ； async editRow(id) { // 获取详细信息 当前修改的角色信息 @lcick row.id const res = await getRoleInfoApi(id); // 弹框打开 推荐先赋值回显数据 然后打开弹窗 this.$re 阅读全文

摘要：页面内容： 使用 element-ui 实现 tabs 标签页 ：https://element.eleme.cn/#/zh-CN/component/tabs#tab-pane-attributes 1. 把内容封装成一个组件 - 表格 table 2. tabs 的 v-model 和 @tab 阅读全文

摘要：有代码：https://gitee.com/zhu-longxu/zhulx-rbac ps：注意本地路由 router 有哪些规则？服务器返回的数据格式？ 方法一：本地路由router 包含静态路由规则 ； 虽然动态路由规则定义了但是没有注入；动态路由规则在登录判断的时候选择性是否注入 ；服务器返 阅读全文

摘要： 阅读全文

摘要： 阅读全文

摘要：index文件代码： import Vue from "vue"; import Vuex from "vuex"; // 导入根getters import getters from "./getters"; // 导入三个模块 import app from "./modules/app"; / 阅读全文

摘要：有过，项⽬开发的时间⻓了，沉淀了不少业务通⽤全局组件，想把他们统⼀进⾏注册，就封装了⼀个⼩ 插件 当时其实⼀开始也没有什么思路，后来扒了⼀下 elementUI的源码，仿了⼀下它的写法，流程我还⼤概记 得 先是把所有的组件放到⼀个数组中，然后在插件的install⽅法⾥遍历整个数组调⽤Vue.com 阅读全文

摘要：token 失效分为主动失效和被动失效 主动失效 就是自己设置函数检查token是否失效了， 主要步骤 ；1 1.在登录的时候记录存储token的时间， 2. 在request文件，设置一个函数，用来检查token是否过期 3. 在请求拦截器记录当前的时间，并且引用函数主动检查token是否过期 ； 阅读全文

摘要：// import parseTime, formatTime and set to filter /** * Show plural label if time is plural number * 如果时间是复数，则显示复数标签 * @param {number} time * @param { 阅读全文

摘要：传统的图片上传 ； 封装一个上传 接口 ； 注意 把 input 隐藏掉 ；-- hidden ； 点击事件上传 ； element-ui 的图片上传 https://element.eleme.cn/#/zh-CN/component/upload#methods 阅读全文

摘要：预览详情 ： 父组件：注册引入子组件 ；只需要传递一个数据 limit ；这是限制显示多少张图片 ； 子组件： - 图片上传 - el-upload 代码 ； <template> <div> <el-upload action="#" list-type="picture-card" :file- 阅读全文

摘要：// 回顾自定义指令 // 作用 ： 自定义一些对dom操作的快捷指令 // 前提：指令就是用来操作 dom （v-if /v-show/v-for ....） // 语法：Vue.directive(指令名字，{配置对象}) // 使用：<标签 v-指令名=“表达式/变量名” /> import 阅读全文

摘要：1.在 存储 token 的时候说明登录了 此时 把时间戳记录一下 js-cookies - auth.js // 导入 js-cookie 用于操作 cookies import Cookies from "js-cookie"; const TokenKey = "hrsacc_admin_to 阅读全文

摘要：分类：插槽又分为匿名插槽、具名插槽以及作用域插槽 ； 匿名插槽，我们又可以叫它单个插槽或者默认插槽 因为组件标签中间是不允许写内容的，但是可以插入 插槽 ；template 标签 ； 插槽的使用方法 ： 使用组件 定义组件 使用场景：vue提供组件插槽能力, 允许开发者在封装组件时，把不确定的部分定 阅读全文

摘要：路由守卫共有 7 个 ； 全局路由守卫 3 个 ： beforeEach 全局前置守卫 ；所有的路由跳转都要经过beforeEach ，参数 to 去的路由信息 ，from 来自的路由信息 next 是否放行 ； afterEach 后置守卫 beforeResolve 解析守卫 组件守卫 befo 阅读全文

摘要：首先 token 过期会导致请求不到数据 ， 就不能准确渲染页面 ，此时的错误配置项的token是过期的，只要更新了token 拿着原先的配置项重新请求数据即可 ；但是如果更新token的时候请求错误，可能是refresh_token也过期了，直接去登录页面重新登录 ； 具体操作：先封装好一个更新t 阅读全文

摘要：<template> <div class="search-history"> <div class="search-history"> <van-cell title="搜索历史"> <template v-if="isEdit && searchHistories.length"> <!-- v 阅读全文