- 博客(12)
- 收藏
- 关注
RSS订阅转载 elementUI-form-阻止表单输入框回车刷新页面
原因：当form表单中只有一个input输入框的时候，键盘回车事件就会刷新页面，因为form表单把这个事件当成了是提交表单的操作解决：两种方法：再写一个type为hidden的input标签在el-form中写一个属性：@submit.native.preven...
2020-11-05 14:50:11
686
原创 elementUI-Tree-懒加载树的选中与回填
对于数据量较大的节点树，用elementUI的Tree自带的懒加载模式可以较为方便的进行展示。1个关注叶子节点的例子：（由于懒加载未展开过的节点是没获取过子节点的，所以这里选中未展开过的非叶子节点时只能保存非叶子节点、选中展开过的才能保存其下叶子。理论上通过递归可以只保存需要的叶子节点，但代码复杂且浏览器消耗极大，不建议在前端进行递归展开。）HTML:<el-tree ref="dicTree" :props="levelProps" h
2020-10-12 18:18:21
5601
3
原创 elementUI-Table+Pagination实现的常见分页表格（附封装好的Vue组件代码）
element的Table组件可以很方便的展示对象数组数据，但是实际应用场景中的数组往往很长、不方便一口气全部展示出来。这时就需要同时使用Table和Pagination组件一起进行数据表的分页展示。分页操作可以直接在后端拿取数据时进行、而且这样效率更高。但有些情况下就需要在前端组件里自己分页、比如：后端拿到的数据是二维数组、而要展示的数据表是里面那层。本文介绍前端自己拿全部数据情况下的分页方法，后端分页时直接删去多余方法即可。示例情景：数据为长度不定的对象数组，key为name、status，sta
2020-07-28 16:38:46
1453
原创 js-对数组内元素进行条件判断、指定元素处理
在之前的博客“js-数组遍历方法的总结与辨析（强烈推荐every与some）”的“不完全循环”部分已经展示了用every与some方便地做条件判断、并处理部分元素的方法。不过用“循环”来概括数组内元素的处理感觉不太精确，于是专门开一篇总结下。条件判断：if(...){...} else {...}...? ... : ...有一种常见情景，对一组数据进行条件判断或处理，以实现这些功能：找出A、对满足B的元素进行XX处理、判断这一组是否都满足C条件……这些功能都能用循环语句加判断/处理语句实现。但是
2020-07-23 17:24:58
2012
原创 js-截取数组、拼接数组（附splice、slice辨析）
一、截取数组1.Array.splice(index,howmany,item1,…,itemX)用于添加或删除或替换数组中的元素。该方法会改变原始数组。参数：index 必需。规定从何处添加/删除元素。该参数是被插队和（或）删除的数组元素的下标，必须是数字。使用负数可从数组结尾处规定位置。howmany 必需。规定应该删除多少元素。必须是数字，但可以是 "0"、即只插入。 如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。（可以大于从 index 开始到原数组结尾的元素数量）
2020-07-23 16:37:21
1361
原创 js-数组/对象深度复制的方法
对象、数组，这类元素在电脑中其实是以指针形式（也就是一个地址）保存，所以浅复制（var a = {}; let b = a;）会使得修改 b 时 a 也随之改变（因为两者是引用同一个对象的地址）。所以复制时为了不修改原对象/数组，就需要深度复制。一般是向内递归到不再是数组对象再复制（因为字符串数字这类就是直接存储、没有深浅复制的区别）。记录一下自己的常用方法（格式是从vue项目里拿的，用的es6;es5就’let’换’var’）：//深度复制对象 cloneObj(obj) { let
2020-07-23 10:32:05
277
原创 js-截取字符串（附substring、substr、slice异同辨析）
虽然是最基础的原生方法，但是几个相似的方法放在一起还是让人感觉秃头????辨析在第三部分~一、截取字符串让我们从最明了的例子开始：var str="012345";var str2;期望实现：截取“12345”放入str2：1. stringObject.substr(start,length)str2=str.substr(1, str.length-1);str2=str.substr(1);str2=str.substr(-5);str2=str.substr(1,100
2020-07-03 18:38:43
281
原创 elementUI-利用Table“展开所有行”的功能扩展行内容
elementUI-利用Table展开行功能扩展行内容当表格一行内数据过多时，一般可以通过单元格内换行（定宽后默认）、超长部分隐藏为“…”并用tooltip显示（el-table-column自带show-overflow-tooltip属性），或者给表格加滚动条来解决。但是当表格中仅一列（即某一项）的内容极多、甚至超过其他所有列之和时，这些通用方法就不那么合适了。element官网给出了展开行的功能扩展行内容，即下图:那么当设计要求仅仅是扩展行内容、不想手动展开呢？看以下原创例子：实现的v
2020-06-23 21:53:14
6079
原创 js-数组遍历方法的总结与辨析（强烈推荐every与some）
js-数组遍历方法的总结与辨析（强烈推荐every与some）javascript中除了forEach等基础的遍历方法外，还有很多在遍历的同时做判断或修改数组的原生方法。这里记录一下常见方法的总结和相近方法的辨析。（部分方法介绍来源于W3school）一、一般的遍历所有元素1.forfor (语句 1; 语句 2; 语句 3){被执行的代码块}语句 1 （代码块）开始前执行语句 2 定义运行循环（代码块）的条件语句 3 在循环（代码块）已被执行之后执行 var array = [1,
2020-06-15 18:01:31
826
原创 杂谈-第一篇博客
杂谈-第一篇博客这是我发表的第一篇博客。虽然大学时就注册了csdn，不过更多的时候是做一个窥屏党、搜索一些知识。从一个什么领域都看一点但只能记住名字的小白大学生，到做着楼下保安估计也会的代码套用的菜鸟前端，到逐渐理解框架原理的熟练码农，到现在一人写一个工程项目前端的vue工程师，一路上踩了无数的坑，在寻找解决途径的时候也总结了一些经验。我的打代码专用电脑上有一个叫“learn”的文件夹，仓鼠似的习惯让我把每次卡住的难点都用文件和文字记录了下来。有的在做过多个项目之后，如今再看只能引人发笑；有的虽然是基础
2020-06-12 11:20:09
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人