- 博客(18)
- 收藏
- 关注
RSS订阅原创 js根据后台返回文件地址下载文件并修改文件名
一、正常情况下，我们都如此下载文件并修改文件名，在a标签上面添加download属性,由于a.download跨域会失效，上面代码只可同域实现二、通过blob可以实现跨域下载并修改文件名downloadFile(item) {//点击方法 var url = item.url; //完整路径 this.getBlob(url).then(blob => { this.saveAs(blob, item.fileName); }); },
2021-12-03 18:02:11
1976
原创 导入导出excel表格的实现
一、使用Export2Excel1、安装依赖包：npm install -S file-savernpm install -S xlsxnpm install -D script-loader2、在src目录下新建Excel文件夹，里面放入Blob.js和Export2Excel.js两个JS文件，Blob.js和 Export2Excel.js文件下载自行百度3、使用方法 exportCheck() { let exportData = this.tableData
2021-05-17 15:54:07
226
原创 axios的基本使用以及封装请求方法
axios是基于promise对ajax的一种封装ajax是基于mvc模型axios基于mvvm模型一、基本使用,首先安装axios或者引入axios默认使用get请求get发送无参请求:axios( { url : ’ url ’ } ).then( res => { }),get发送有参请求:axios( { url : 'url?id=1 ’ } ).then( res => { }),或者axios( { url : 'url ’ , params : { id :
2021-02-24 16:02:02
1765
原创 利用addRoutes添加动态路由，刷新页面跳转404或者空白页
刷新页面时跳转404或者空白页，我的原因是刷新页面后动态添加的路由表信息丢失，我在获取到后存在了sessionStorage中，但在刷新后还是丢失，解决办法：在判断页面是刷新时，重新拉取数据路由表信息path: '/Dep', name: 'Dep', icon: 'el-icon-location', component: Layout, redirect: '/department', meta: { requireAuth: true,
2020-08-26 18:06:12
1772
原创 element-ui中Tree树形控件节点的设置与回显
在给角色设置权限的时候，后端要求把子节点和父节点的id要一起传递过去，当父节点的状态为选中时，说明子节点也被全部被选中,this.$refs.tree.getCheckedNodes()；可以获取到父节点id在内的所有节点id，当父节点的状态为半选中时,this.$refs.tree.getCheckedNodes(),只能获取被选中的子节点的id,此时利用this.$refs.tree.getHalfCheckedNodes()，可以获取到半选中状态的父节点id在回显时，后端会把角色所拥有的权
2020-08-26 17:13:26
6352
4
原创 发送请求的文件配置
一·创建一个axios实例const service = axios.create({ baseURL: process.env.BASE_API, // api 的 base_url //请求头中携带的数据 headers: { 'accessToken': localStorage.getItem('accessToken') }, timeout: 5000})二·设置请求拦截器service.interceptors.request.use( config
2020-07-06 08:15:25
549
原创 vue项目目录详解
config:中文意思是配置，里面基本的有三个文件夹，index.js,dev.env.js（配置开发环境）,prod.env.js(配置生产环境)'use strict'// //path是node.js的路径模块，用来处理路径统一的问题const path = require('path')module.exports = { dev: { // 指的是静态资源文件夹，默认“static”， assetsSubDirectory: 'static', // 指的是
2020-07-03 11:42:04
1087
原创 一款基于Bootstrap的js分页插件Bootstrap Paginator
参数名 数据类型 默认值 描述bootstrapMajorVersion number 2 搭配使用的Bootstrap版本，2.X 的 分页必须使用div元素，3.X分页的必须使用ul元素。请注意与所使用的bootstrap版本对应上。size string “normal” 设置控件的显示大小，是个字符串. 允许的值: ...
2020-04-06 21:40:59
950
原创 随记——网页中页面的跳转
方式一：使用a标签，叫做标签跳转；tag是规定把router-link渲染成什么标签，默认渲染成span方式二：使用js方法，利用window.location.href的形式，叫做编程式导航给元素绑定点击事件在vue中不允许进行dom,bom的操作,使用router.push(…)// 字符串router.push(‘home’)// 对象router.push({ path:...
2020-04-05 22:53:39
159
原创 git的使用及SSH免密登录的配置
版本控制：就是一个可以记录文件变化的软件，有三种方式：1.本地版本控制系统：缺点: 无法进行多人协作版本控制；例如: webstorm vcs2.集中式版本控制系统：有一台中央服务器, 专门用于管理代码，所有人通过上传和下载进行代码同步。但是1. 依赖网络，2. 依赖远程服务器，例如: SVN3.分布式版本控制系统：有一个远程仓库, 专门用于管理代码，所有人本地都有一个远程仓库的完整镜像。...
2020-04-05 22:45:32
603
1
原创 vue组件通讯：子传父，父传子，兄弟之间的数据传递
一·父组件向子组件传递数据1，在子组件标签上添加一个属性，例如<child :age=“父组件中的msg”>2.在子组件中通过props属性来接收这个数据，注意props是一个数组components ：{child:{template:‘我是子组件’，props：【‘age’】}}3.最后就可以在子组件的模板中使用父组件传递过来的数据了components ：{...
2020-02-27 13:50:44
215
原创 vue渲染原理
1.第一次渲染创建一颗虚拟dom树2.数据发生改变后，生成一颗新的dom树3.对比新旧两颗虚拟dom树，通过diff算法找到并记录差异的地方4.只将差异的地方重新渲染到页面中虚拟dom对象:实际就是一个普通的js对象，作用是用来描述一段HTML结构，这个虚拟对象配合了vue内部的diff算法，然后去找到vue更新了哪个地方，然后再把那个地方更新到页面就行了key的作用主要是为了高效的更新...
2020-02-26 13:40:58
550
原创 vue-preview,一个vue集成PhotoSwipe图片预览插件(移动端)
使用步骤：注意事项：img标签上的class类不能去掉，每个图片数据对象中，必须有 w 和 h 属性安装 npm i vue-preview -S.在main.js文件中导入该组件，并挂载到Vue身上import VuePreview from ‘vue-preview’;Vue.use(VuePreview);3.在组件中使用在放缩略图的位置放入模板<img class=...
2020-01-02 15:55:10
1048
1
原创 Uncaught TypeError: 'caller', 'callee', 'arguments' properties may not be accessed on strict mode
控制台报错： Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode这是js 文件中用到了 ‘caller’, ‘callee’, and ‘arguments’ 东西，但是， webpack 打包好的 bundle.js 中，默认是启用严格模式的，...
2020-01-02 11:34:11
5014
原创 随记——vue中的post请求
在发送请求时要判断内容是否为空if（ this.msg.teim().length === 0 ）{ 要return出去并提示内容不能为空}this.$http.post(url, 数据对象， 数据格式)参数一： 请求的url地址，传参用字符串拼接,‘url’+&router.params.id参数二：提交给服务器的数据对象{ content ： this.msg.trim() }...
2019-12-31 22:08:30
560
原创 随记——vue-resource的请求根路径的全局配置
安装vue-resourcenpm i vue-resource -s在入口文件main.js 中导入，安装import VueResource from ‘vue-resource’Vue.use(VueResource)在入口文件main.js 中，Vue.use(VueResource)的后面设置请求根路径Vue.http.options.root = ‘根路径’...
2019-12-20 17:58:36
1429
1
原创 随记——关于promise的用法
由于js是单线程语言，导致Js的所有网络操作，浏览器事件，都必须是异步执行，异步执行返回的结果只能通过回调函数的形式把结果返回给调用者，Promise最大的好处是在异步执行的流程中，把执行代码和处理结果的代码清晰地分离了。promise是一个构造函数，newPromise()可以得到一个Promise实例，这一步只是形式上的异步操作，newPromise( function（）{ 具体的异步操...
2019-12-20 14:34:02
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人