elementUI 提供的 Image 组件直接可以点击图片查看图片预览，我的需求也是查看预览图片，但是有很多小的区别！1、点击按钮预览图片；2、可以预览多个图片；3、预览的图片上显示当前图片的相关信息；4、展示图片当前页码信息；效果图如下：实现：由于需要图片上展示当前图片的一些相关信息以及页码，所以使用插件是没法满足需求了。我拿了 elementUI 里面的 image-viewer 源码，直接

vue实现路由懒加载几种方式一、为什么需要路由懒加载vue在项目打包之后，会生成一个dist文件夹。在dist文件夹里面又有一个js/app.js文件，这里主要存放的是整个项目的业务逻辑代码。随着项目不断的开发迭代，业务逻辑越来越多，app.js文件也会越来越大。在线上就会容易出现进入首页时所需时间过长或者出现白屏的问题。使用路由懒加载可以分割代码，提高初始页的加载效率。二、路由懒加载的方式1、使

两个月没来公司上班，今日开工遇到一个及其有意思的问题：Jenkins 线上打包前端代码，在控制台日志中打包的时候报错：因为疫情期间大家都是居家办公，Jenkins 服务器配置和前端项目配置都没有改动，所以看到这种报错一时无从下手，但是可以看出这是引入出了问题，具体啥问题下面梳理一下；1、翻译报错信息猛的一看不知道这个到底是啥意思；2、查找 babel 配置项目是 vue-cli3 搭建的，找到了

需求是：将表格放到项目里面的静态资源文件夹内，然后点击下载，在浏览器上下载这个文件。将文件放到静态资源文件夹下面（vue-cli3.x 放到 public ），这里的文件不会被 webpack 处理，他们最终会被复制到打包目录下面。代码实现downLoad(){let a = document.createElement('a');let evt = document.createEvent('M

elementUI 提供的 Image 组件直接可以点击图片查看图片预览，我的需求也是查看预览图片，但是有很多小的区别！1、点击按钮预览图片；2、可以预览多个图片；3、预览的图片上显示当前图片的相关信息；4、展示图片当前页码信息；效果图如下：实现：由于需要图片上展示当前图片的一些相关信息以及页码，所以使用插件是没法满足需求了。我拿了 elementUI 里面的 image-viewer 源码，直接

问题描述：在做菜单权限的时候，使用了 router.addRoutes() 方法把不同权限获取到的路由表动态的添加到路由里面去。菜单正常展示，在点击菜单跳转之后，浏览器刷新一下，页面没有跳转到 404 页面，而是变成了空白。问题原因：addRoutes 和 vuex 一样，在浏览器刷新后数据会丢失，因为刷新页面 Vue 会重新实例化，路由也会恢复到初始路由。解决方案：在页面刷新之后重新获取到通过权

Error: EBUSY: resource busy or locked用 npm i 安装依赖的时候报错 Error: EBUSY: resource busy or locked, lstat ‘C:\swapfile.sys’。下面是我总结的一些有效方法：方法一：删除 node_modules，然后再安装（npm i）；方法二：删除 node_modules，运行 npm cache cl

问题描述：在做菜单权限的时候，使用了 router.addRoutes() 方法把不同权限获取到的路由表动态的添加到路由里面去。菜单正常展示，在点击菜单跳转之后，浏览器刷新一下，页面没有跳转到 404 页面，而是变成了空白。问题原因：addRoutes 和 vuex 一样，在浏览器刷新后数据会丢失，因为刷新页面 Vue 会重新实例化，路由也会恢复到初始路由。解决方案：在页面刷新之后重新获取到通过权

Error: EBUSY: resource busy or locked用 npm i 安装依赖的时候报错 Error: EBUSY: resource busy or locked, lstat ‘C:\swapfile.sys’。下面是我总结的一些有效方法：方法一：删除 node_modules，然后再安装（npm i）；方法二：删除 node_modules，运行 npm cache cl

1、错误一error: RPC failed; curl 92 HTTP/2 stream 5 was not closed cleanly before end of the underlying stream解决：git config --global http.version HTTP/1.12、错误二error: RPC failed; curl 28 OpenSSL SSL_read: