vue-cli3
水中蒹葭
这个作者很懒,什么都没留下…
展开
-
基于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 · 5939 阅读 · 0 评论 -
表格合并,远程排序,动态展开行
开发中页面有表格的话,不可或缺的都会涉及一些别表格的合并操作。 下面来说说我是如何来动态合并表格的行或列的。 点击查看源码。 看图说话 后台传给前台的是一个二维数组形式的数据,遍历这个二维数组,生成多个表格,合理的使用表格的show-header属性,来显示和隐藏表头,然后再合并每个表格。合并表格时用到了列表数据里的length属性,这个字段很重要,属性值是列表的长度。 通过这个length来...原创 2019-02-19 14:25:21 · 234 阅读 · 0 评论 -
el-upload上传组件,实现单个上传,批量上传,进度条显示,自定义上传文件样式
最近项目中涉及很多文件上传的地方,然后文件上传又有很多限制。比如文件大小限制,文件个数限制,文件类型限制,文件上传后的列表样式自定义,包括上传进度条等问题。下面是我对element-ui的上传组件的一些改造, 点击查看源码。 我是自己维护了一个列表数据,再对这个列表数据进行一些操作,没用组件自带的。先看看我的组件模版 <template> <el-upload cla...原创 2019-08-22 16:05:51 · 7038 阅读 · 0 评论 -
Form表单父子组件校验,嵌套table校验
最近一直在做后台管理项目,自然少不了表单校验。说说我在表单校验上遇到的一些难点。 在父组件中校验子组件的信息; form表单嵌套表格的校验信息; 表单金额的校验规则(产品要求输入最多8位整数,4位小数,最高位不能位0); 首先我们来看父组件如何去校验子组件中的信息 同一组件内的校验,都好办,难的是跨组件校验。 我们来看有这样一个场景:有一个编辑和查看的模块,默认展示查看模块,通过点击父组件的‘...原创 2019-08-23 13:09:00 · 1234 阅读 · 0 评论