空一座旧城，守一个旧人

[置顶] vue项目使用xlsx-style实现前端导出Excel样式修改（添加标题，边框等），并且上传npm踩坑记录

摘要：前段时间，我们项目提出一个前端导出Excel表格的需求，这个很简单，利用xlsx，file saver很容易实现（网上很多教程）。后来需要加入标题，标题居中显示，加入边框等等样式需求，这就给我很多困扰，查阅大量资料和研究，最终选定xlsx style进行修改（借鉴https://www.jian 阅读全文

posted @ 2019-06-19 16:32 空一座旧城，守一个旧人阅读(24010) 评论(22) 推荐(4) 编辑

[置顶] Vue 中使用 viewerjs进行本地上传预览图片

摘要： https://www.cnblogs.com/shenjp/p/9754171.html 如果图片路径是接口的返回信息的话，将路径存储在数组中，在this.$nextTick中实例化Viewer：配置的回调函数：http://www.dowebok.com/demo/192/index3.ht 阅读全文

posted @ 2018-11-21 14:25 空一座旧城，守一个旧人阅读(1643) 评论(0) 推荐(1) 编辑

[置顶] vue项目中编写一个图片预览的公用组件

摘要：今天产品提出了一个查看影像的功能需求。在查看单据的列表中，有一列是影像字段，一开始根据单据号调用接口查看是否有图片附件，如果有则弹出一个全屏的弹出层，如果没有给出提示。而且，从列表进入详情之后，附件那边也会有一个查看影像的按钮。所以，根据需求，多个组件需要用到查看影像的功能，所以考虑做一个公用组阅读全文

posted @ 2018-10-26 15:14 空一座旧城，守一个旧人阅读(1282) 评论(2) 推荐(1) 编辑

[置顶] vue项目获取地址栏参数（非路由传参）

摘要：在项目中，遇到一个需求，就是另一个系统直接跳转到我们项目中的某个页面，不需要做用户的校验直接单纯的跳转新页面，再初始化查询数据，参数以地址栏的形式传入由于原来项目做过权限控制，所以在路由那边需要进行配置（部分代码）：重点：：获取地址栏?后面参数的方法： export function getU 阅读全文

posted @ 2018-10-19 15:50 空一座旧城，守一个旧人阅读(10539) 评论(1) 推荐(2) 编辑

[置顶] vue项目跳转到外部链接

摘要： vue项目中遇到一个打印的功能。思考之后决定点击按钮，跳转到一个HTML页面(后台写的)，利用window.print()方法调用浏览器的打印的功能。所以，现在的问题是，怎样跳转到外部链接。开发vue项目的人都知道，vue项目会分为三个版本：开发，测试，生产，我们可以在config文件夹下面的de 阅读全文

posted @ 2018-08-27 11:01 空一座旧城，守一个旧人阅读(834) 评论(0) 推荐(0) 编辑

[置顶] vue 回到顶部的小问题

摘要：今天在用vue项目中，实现回到顶部功能的时候，我写了一个backTop组件，接下来需要通过监听window.scroll事件来控制这个组件显示隐藏因为可能会有其他的组件会用到这样的逻辑，所以将此功能做成一个自定义指令：根据滚动的距离控制一个数据为true还是为false（v scroll sho 阅读全文

posted @ 2018-01-02 22:43 空一座旧城，守一个旧人阅读(2984) 评论(0) 推荐(1) 编辑

elementUI中表格中表单的验证

摘要：表格中的表单验证，就是在将表格放在表单中，将表格绑定的数据也放在表单中。最重要的是要给表格中需要验证的字段动态添加prop，再给其绑定规则。阅读全文

posted @ 2018-11-30 10:22 空一座旧城，守一个旧人阅读(8836) 评论(0) 推荐(0) 编辑

vue+elementUI表格列显示隐藏遇到bug

摘要：在最近的项目中，有需求要做到根据字段显示列，原来以为简单的v if可以解决。在开发的过程中遇到问题，在不加:key="Math.random()"的时候会报错 h.$scopedSlots.default is not a function 究其原因，是因为表格是element ui通过循环产生阅读全文

posted @ 2018-11-21 16:14 空一座旧城，守一个旧人阅读(11195) 评论(2) 推荐(1) 编辑

JS的深浅拷贝

摘要：项目中根据各种需求或多或少会需要用到拷贝，通过查询整理之后今天简单的记录一下。我们可以利用 slice、concat 返回一个新数组的特性可以实现数组的拷贝。我们会发现，无论是新数组还是旧数组都发生了变化，也就是说使用 concat 方法，克隆的并不彻底。这里可以联系值传递和引用传递、栈内存和堆阅读全文

posted @ 2018-11-07 16:42 空一座旧城，守一个旧人阅读(160) 评论(0) 推荐(0) 编辑

前端批量删除（假删）

摘要： elementUI表格 html: 删除 js: handleSelectionChange(row) { this.multipleSelection = row; }, deleteRow(){ for(var i=0;i 阅读全文

posted @ 2018-08-27 10:29 空一座旧城，守一个旧人阅读(1783) 评论(1) 推荐(2) 编辑

JS小技巧

摘要：一些资料上看到的技巧，感觉挺实用，以后遇到还会继续增加阅读全文

posted @ 2018-07-02 11:34 空一座旧城，守一个旧人阅读(181) 评论(0) 推荐(0) 编辑