u013269704的博客

原因：当form表单中只有一个input输入框的时候，键盘回车事件就会刷新页面，因为form表单把这个事件当成了是提交表单的操作解决：两种方法：再写一个type为hidden的input标签在el-form中写一个属性：@submit.native.preven...

对于数据量较大的节点树，用elementUI的Tree自带的懒加载模式可以较为方便的进行展示。1个关注叶子节点的例子：（由于懒加载未展开过的节点是没获取过子节点的，所以这里选中未展开过的非叶子节点时只能保存非叶子节点、选中展开过的才能保存其下叶子。理论上通过递归可以只保存需要的叶子节点，但代码复杂且浏览器消耗极大，不建议在前端进行递归展开。）HTML:<el-tree ref="dicTree" :props="levelProps" h

element的Table组件可以很方便的展示对象数组数据，但是实际应用场景中的数组往往很长、不方便一口气全部展示出来。这时就需要同时使用Table和Pagination组件一起进行数据表的分页展示。分页操作可以直接在后端拿取数据时进行、而且这样效率更高。但有些情况下就需要在前端组件里自己分页、比如：后端拿到的数据是二维数组、而要展示的数据表是里面那层。本文介绍前端自己拿全部数据情况下的分页方法，后端分页时直接删去多余方法即可。示例情景：数据为长度不定的对象数组，key为name、status，sta

elementUI-利用Table展开行功能扩展行内容当表格一行内数据过多时，一般可以通过单元格内换行（定宽后默认）、超长部分隐藏为“…”并用tooltip显示（el-table-column自带show-overflow-tooltip属性），或者给表格加滚动条来解决。但是当表格中仅一列（即某一项）的内容极多、甚至超过其他所有列之和时，这些通用方法就不那么合适了。element官网给出了展开行的功能扩展行内容，即下图:那么当设计要求仅仅是扩展行内容、不想手动展开呢？看以下原创例子：实现的v