chenIsyyds-CSDN博客

原创 vue导入excal表格

vue导入excal表格导入excal表格需要依赖俩个第三方插件js-xlsx 由于 Export2Excel不仅依赖js-xlsx还依赖file-saver和script-loadernpm install xlsx file-saver -Snpm install script-loader -S -D参考vue-element-admin 后台集成方案张中的excal模块核心技术需要把excal返回的数据转化成后台所需要的数据通过excal导入的数数据键值是汉字格式我们需要转化成对.

2021-08-21 16:54:32 185

原创后台传入扁平数据转化树形结构

后台传入扁平数据转化树形结构封装一个函数把需要的数据传入方式一 filter 过滤器function getTreeData(list){ //用来接收树形结构的数组 const TreeList =[] //对数组进行遍历 list.forEach(item=>{ //给数组的每个值添加一个children属性 item.children = [] //判断是不是顶级 if(!item.pid){ TreeList.push(item) } //使

2021-08-11 10:39:28 177

原创 vue中@符添加提示

vue中@符添加提示在做vue项目的时候我们常用 @ 符来表示路径 src 但是@符没有提示使我们非常的苦恼安装插件：Path Intellisense插件在配置扩展设置中添加"path-intellisense.mappings": { "@": "${workspaceRoot}/src" }在项目package.json所在同级目录下创建文件jsconfig.json：{ "compilerOptions": { "target": "E.

2021-08-05 14:26:52 538

原创通过refreshToken实现token的无感刷新

通过refreshToken实现token的无感刷新token 在本地保存的时间一般都很短暂，当我们toekn失效的时候就需要重新登录这样会使用户的体验非常不好，而我们在做登录的时候可以在后台获取用于刷新 token 的 refreshtoken 数据,我们拿到这个数据可以在token失效的时候重新发送请求获取最新的 token 从而达到无感刷新token的效果在vue中的操作具体如下：1. 在vue中通常我们会把一些公用的数据存放在store中 // 在 state中定义 refresh

2021-07-27 20:50:38 1465

原创 Vuex 的作用与使用详细步骤

Vuex 的作用与使用详细步骤Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,通俗来讲就是一个管理数据的公共仓库

2021-07-18 11:16:50 206 1

原创 vue的生命周期和钩子函数

vue的生命周期与钩子函数vue的生命周期说的就是 vue 从创建到销毁的整个过程就是vue实例的生命周期钩子函数vue框架内置函数随着组件的生命周期阶段自动执行生命周期分为 4个阶段 8个方法分别如下：初始化：beforeCreate 创建前created 创建后，能访问到data中的数据变量以及methods中函数1.发送网络请求2.注册全局事件挂载：beforeMount 挂载前 template 中标签还没插入到真实DOMmounted 挂载

2021-07-05 12:09:05 161 2

原创 javascript中数组常用的方法总结

数组中常用的方法总结???? Array.push() 在数组的尾部添加一个元素例子: let arr = [1,2,3,4] arr.push(5) arr:[1,2,3,4,5] //得到的结果???? Array.unshift() 在数组的头部添加一个元素例子: let arr = [1,2,3,4] arr.unshift(5) arr : [5,1,2,3,4] //得到的结果???? Array.pop() 在数组的尾部删除一个元

2021-07-05 10:59:37 164 4

chenIsyyds的博客