- 博客(9)
- 收藏
- 关注
RSS订阅原创 better-scroll：实现菜单和内容联动的效果
1、基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-12-05 16:52:26
1116
原创 el-upload上传组件，实现单个上传，批量上传，进度条显示，自定义上传文件样式
最近项目中涉及很多文件上传的地方，然后文件上传又有很多限制。比如文件大小限制，文件个数限制，文件类型限制，文件上传后的列表样式自定义，包括上传进度条等问题。下面是我对element-ui的上传组件的一些改造， 点击查看源码。我是自己维护了一个列表数据，再对这个列表数据进行一些操作，没用组件自带的。先看看我的组件模版<template> <el-upload cla...
2019-10-15 17:22:40
2290
原创 el-table表格翻页后仍记忆所选项
el-table多选，对于当前页的多选我们是很容易知道并显示给用户的，但是对于分页后要记住哪些页多选了哪些数据，并正确的显示给用户就有点小挑战了。具体实现：第一种，搬运工在此????，来自于大佬的文章详戳????<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...
2019-10-15 16:39:37
1952
原创 Form表单父子组件校验，嵌套table校验
最近一直在做后台管理项目，自然少不了表单校验。说说我在表单校验上遇到的一些难点。在父组件中校验子组件的信息；form表单嵌套表格的校验信息；表单金额的校验规则（产品要求输入最多8位整数，4位小数，最高位不能位0）；首先我们来看父组件如何去校验子组件中的信息同一组件内的校验，都好办，难的是跨组件校验。我们来看有这样一个场景：有一个编辑和查看的模块，默认展示查看模块，通过点击父组件的‘...
2019-08-23 13:09:00
1207
原创 el-upload上传组件，实现单个上传，批量上传，进度条显示，自定义上传文件样式
最近项目中涉及很多文件上传的地方，然后文件上传又有很多限制。比如文件大小限制，文件个数限制，文件类型限制，文件上传后的列表样式自定义，包括上传进度条等问题。下面是我对element-ui的上传组件的一些改造， 点击查看源码。我是自己维护了一个列表数据，再对这个列表数据进行一些操作，没用组件自带的。先看看我的组件模版<template> <el-upload cla...
2019-08-22 16:05:51
6957
原创 表格合并,远程排序，动态展开行
开发中页面有表格的话，不可或缺的都会涉及一些别表格的合并操作。下面来说说我是如何来动态合并表格的行或列的。 点击查看源码。看图说话后台传给前台的是一个二维数组形式的数据，遍历这个二维数组，生成多个表格，合理的使用表格的show-header属性，来显示和隐藏表头，然后再合并每个表格。合并表格时用到了列表数据里的length属性，这个字段很重要，属性值是列表的长度。通过这个length来...
2019-02-19 14:25:21
218
原创 基于typescript 的vue-cli3
上一个上目告一段落，下一个项目还在原型讨论阶段，所以正好利用空挡期，仔细研究研究vue基于typescript开发的vue-cli3.0。 上一个项目是基于vue-cli2.x+typescript，环境是自己配的，对于2.x和3.x，最大的区别就是，3.x变得简洁许多，它去除了build和config目录，新增了public目录，index.html文件也移动至public目录中。至于，之前所...
2018-08-31 17:01:02
5917
原创 element-ui el-table 表格动态合并后，鼠标经过的高亮显示问题
element-ui el-table 表格合并后，鼠标经过的高亮显示问题合并后高亮是这样的目标效果 代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&
2018-04-22 12:17:38
15816
3
原创 总结：让一个div垂直水平居中
工作中遇到块级元素垂直居中的问题。定宽高的div垂直居中很简单，不定宽高的div垂直水平居中的也总结了几种方法。
2017-05-31 20:47:04
4568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人