随笔分类 - vue
摘要：1、问题 上用户在使用的时候，偶尔会出现突然跳转到登录页面，需要重新登录的现象。 2、原因 突然跳转到登录页面，是由于当前的 token 过期，导致请求失败；在 axios 的响应拦截axiosInstance.interceptors.response.use中处理失败请求返回的状态码 401，此
阅读全文
摘要：一、项目权限分析一个项目我们如何做好权限管理，取决于项目实际应用场景，比如说我们要做一个内容管理后台，可能只是简单的几个角色，我们就没有必要做的很复杂，只是需要一个权限模块，分为超级管理员，中级管理员，普通管理员，然后在新建用户的时候绑定到用户表上就行了，这样就可以满足日常需求了，这样的权限完全有我
阅读全文
摘要：1. 路由文件改造（router/index.js） import Vue from "vue"; import Router from "vue-router"; Vue.use(Router); const originalPush = Router.prototype.push Router.
阅读全文
摘要：1、安装依赖 npm install --save-dev svg-sprite-loader # 或者 yarn add svg-sprite-loader --dev 2、新建svg资源目录将svg资源放入此目录，接下来会在配置文件中该路径 mkdir -p src/assets/icons 3
阅读全文
摘要：外层div设置宽高为100%，在渲染出来的时候变成了100px 这种情况一般都是echart所在的div一开始是display:none，一般出现在以下几种情况： 1、echats放在了tab中 解决方法（没试过，嫌麻烦）： 1、通过js获取外层div的宽高，然后设置给图表容器 2、加 mychar
阅读全文
摘要：1、首先，在assets下css里创建了两个文件，一个theme.less，就是控制样式的函数，一个color.less，用来调用函数传值。 // theme.less文件 // 实现换肤的样式函数 /* 1.主色调，整体项目的主要颜色。 2.首页的背景颜色。 3.字体颜色。主要是和主色调来配合使用
阅读全文
摘要：1、npm run build 打包页面空白 我们会发现页面head中引用的js和css文件是出现了路径错误，这里修改如下： 解决位置：config/index.js文件：把assetsPublicPath: '/'改为assetsPublicPath: './' 1.npm run build打包
阅读全文
摘要：在网页里面，在某个可视容器内（某个div）一次性渲染所有数据，其实用户也只能看见一部分数据，其余得通过滚动来查看； 那么我们可以只渲染可见部分数据，不可见部分数据不渲染，通过上下padding来进行占位使其可以滚动； 滚动得时候不断计算可所需展示数据的开始下标和结束下标来截取可视数据； <!doct
阅读全文
摘要：1、事件修饰符 1. .stop 阻止单机事件冒泡 2. .prevent 阻止默认行为（比如 @submit.prevent 会阻止提交后刷新页面） 3. .capture 添加事件侦听器时使用捕获模式 4. .self 只有事件在元素本身（而不是子元素）触发时触发回调 5. .once 只触发一
阅读全文
摘要：1、v-cloak 解决“闪动”问题 1，提供样式 [v-cloak]{ display:none } 2，在差值表达式所在的标签中添加v-cloak指令 原理：先通过样式隐藏内容，然后在内存中进行值的替换，替换好之后再显示最终的结果，解决了“闪动”问题。 如果没有彻底解决问题，则在根元素加上sty
阅读全文
摘要：1、$router router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性,常见的有： 1.1、push：向 history 栈添加一个新
阅读全文
摘要：1、Vuex是什么？ Vuex是专门为Vue服务，用于管理页面的数据状态、提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。其中vuex类似的 还是有Redux,Redux大多用于React,针对Redux后续在做补充，现在就让我们好好了解下Vue
阅读全文
摘要：1.全局的守卫 const router = new VueRouter({ ... }) //全局前置守卫 router.beforeEach((to, from, next) => { // ... }) //全局后置守卫 router.afterEach((to, from) => { //
阅读全文
摘要：什么是Expires头？ Expires存储的是一个用来控制缓存失效的日期。当浏览器看到响应中有一个Expires头时，它会和相应的组件一起保存到其缓存中，只要组件没有过期，浏览器就会使用缓存版本而不会进行任何的HTTP请求。Expires设置的日期格式必须为GMT（格林尼治标准时间）。 HTTP1
阅读全文
