随笔分类 - vue
摘要：导出功能 项目中需要用到导出，打印功能，实现之后记录下，为了以后可以进一步的使用 首先需要安装几个插件 npm install -S file-saver xlsx npm install -D script-loader or cnpm install -S file-saver xlsx cnp
阅读全文
摘要：在vue2中使用轮播插件vue-awesome-swiper，功能包括自动轮播，点击查看大图, 查看大图功能使用的是element-ui中的<e-image/> 下面来安装使用 1.安装对应的版本 在vue2中需要安装对应的版本，在安装vue-awesome-swiper的同时也需要安装swiper
阅读全文
摘要：这次的导航效果，包括二级导航，请认真食用~ 先看下效果图吧 具体的步骤如下 1.安装element-ui npm install element-ui --save 或 cnpm install element-ui --save 2.需要准备页面 如下图结构 修改项目创建后的起始页，也就是默认页=
阅读全文
摘要：前端上传图片，通过接口传给后端，需要前端渲染时，接口返回的图片路径如下图 其中的path就是图片地址， 而我们想渲染图片到前端页面，正常的思路是需要在前面加上服务器的域名 1.通过全局的域名引入，进而去展示 比如，我把全局域名封装到baseUrl.js中 // baseUrl.js // 这里是一个
阅读全文
摘要：在vue2中 swiper所有版本中swiper4的兼容性是最好的，组件在 swiper4之后没有很大改变，使用时最好选择swiper4。 npm install swiper@4.5.1 --save-dev 或者 cnpm install swiper@4.5.1 --save-dev 安装完成
阅读全文
摘要：eslint规则只是限制我们在写代码时候的标准化，尤其是在团队开发中成员的代码一致性，如果大家都是自己的标准，那么写出的项目将没有办法进行阅读，不利于后期的二次开发 vscode自动格式化 而vscode写项目时候保存文件自动eslint格式化是在 文件 --> 首选项 -- > 设置中找到sett
阅读全文
