因为习惯太久的黑暗,所以阳光愈加刺眼!

空一座旧城,守一个旧人

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

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

posted @ 2019-06-19 16:32 空一座旧城,守一个旧人 阅读(23444) 评论(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 空一座旧城,守一个旧人 阅读(1636) 评论(0) 推荐(1) 编辑

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

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

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

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

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

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

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

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

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

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

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

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

2018年11月30日

elementUI中表格中表单的验证

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

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

2018年11月21日

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

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

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

2018年11月7日

JS的深浅拷贝

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

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

2018年8月27日

前端批量删除(假删)

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

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

2018年7月2日

JS小技巧

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

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

导航