项目中有一个导出功能的实现，用博客来记录一下。因为需求对导出表格的数据格式和样式有要求，所以这个导出功能放到后端来做，而且后端返回的是数据流，所以需要处理成想要的表格并导出来。先看下效果图：页面效果：```javascript// 导出Excel公用方法export function exportMethod(data) {axios({method: data.method,url: `${da

import Vue from 'vue'import axios from 'axios'import router from '@/router'import merge from 'lodash/merge'import {clearLoginInfo} from '@/utils'import {Message,Loading,MessageBox} from 'element-ui'le

项目使用的是vue，组件库用的是element UI，但是element UI并没有提供数字区间组件，只提供了InputNumber 计数器输入框，如果用两个计数器输入框进行拼接也能满足需求，但是样式调试起来太过于复杂且不够灵活，不能令人满意，并且该数字区间输入框在其它界面也有这种需求，于是就在element input输入框的基础上自行封装了一个数字区间组件使用。在先输入最小值时，如果后输入的最

就是用户在进入白名单页面时，比如说首页或者其他不需要个人信息页面时，是不需要登录的，如果在没有登录的情况下，想要进入类似于个人中心，会员中心这种页面时，那么就需要让用户去登录页面登录一下，登录完成之后再返回刚刚要去的个人中心页面，这时候就是在路由跳转的时候，带上刚刚页面的路由路径，可以在登录完成之后原路返回。非但必须有个过期时间，而且过期时间还不能太长，那么重新获取有两种方式，一是重复第一次获取t

自定义指令是对普通DOM元素进行的底层操作，它是一种有效的的补充和扩展，不仅可以用于定义任何的dom操作，并且是可以复用的，例如在图片加载完成前，用随机的背景色占位，图片加载完成后直接渲染出来，用自定义指令可以方便的实现该问题。指令的参数可以是动态的，例如，v-myDirective:[argument]="value"中，argument参数可以根据组件实例数据进行更新。2.3、update:所

可在路由跳转时完成一些操作，而 router.beforeEach() 全局前置守卫可以在路由跳转前对现在状态进行校验，例如验证用户的登录状态，若未登录则可以有效进行拦截。axios 拦截器又分为请求拦截器与响应拦截器，可在请求或响应被 then 或 catch 处理前拦截它们，即在前端页面向后端发送请求时触发进行拦截。此后前端每次跳转路由时，就判断 localStorage 中有无 token，

可以看到，extend 创建的是 Vue 构造器，而不是我们平时常写的组件实例，所以不可以通过 new Vue({ components: testExtend }) 来直接使用，需要通过 new Profile().$mount(’#mount-point’) 来挂载到指定的元素上。我个人的理解来看，extend提供了一个能够构造组件的函数（也就是构造器）。在一些特定的应用场景（如自己构建一个复

公共样式 css-common-common.css文件下.listboxs {// 最外层容器 用来包裹需要展示 title 属性的.title[data-title] {// data-title 在我们需要加title属性的标签内 换成 data-title='张三'position: relative;// 样式：&:hover:after {opacity: 1;transiti

这个是我之前一个项目的router.js文件xmjd路由懒加载:使用() => import();的方式导入组件这样可以在进入当前路由的时候加载路由如果不使用懒加载 会在第一次进入页面后 一次性加载所有路由 所以首屏加载会慢如果一个项目过大 大量的使用路由懒加载会导致页面的热更新过慢推荐在开发环境下不使用懒加载 这样有利于开发的效率在生产环境可以使用路由懒加载通过process.env.NODE_

Vue实现复选框的多选与全选