随笔分类 -  element-ui

el-menu：浩瀚无垠
摘要：el-menu：浩瀚无垠 0. 缘起 遇到了一个需要展现多级列表的需求，之前写的版本就是我嗯写死的二级菜单，现在想来个Updated版本，所以需要我这里调整。抄了组长整的无极列表组件，不过我还需要对项目兼容进行一些调整。 1. v-if与v-for的循环产生el-menu-item与el-subme 阅读全文
posted @ 2022-03-25 18:23 乐盘游 阅读(631) 评论(0) 推荐(0)
el-cascader 级联选择器 ：回显回显回显
摘要：0. 缘起 用到了级联选择器，结果选中成数组好理解，回显却成了大问题。问了下小伙伴，小伙伴表示是递归查找路径，我也整了一波。 1. 使用 <el-cascader v-if="userType.includes('平台')" v-model="selectOrg" :options="options 阅读全文
posted @ 2022-03-11 17:30 乐盘游 阅读(7273) 评论(0) 推荐(0)
el-form： 你让我心碎
摘要：0. 缘起 痛苦面具啊，搞了个el-form的CSS格式。莫名其妙的就没法对齐，NMSL。 之前做考勤管理也遇到过一次，用的是局部flex解决了，今天这次又遇到，我想着用旧方法，结果还是不行，艹了！！！ 1. 解决 .enterprise-form { .el-form { display: fle 阅读全文
posted @ 2022-03-10 14:07 乐盘游 阅读(91) 评论(0) 推荐(0)
el-tree 从叶子节点入手解决选中问题
摘要：0. 缘起 第一次用el-tree，是一个很阴间的任务，不过可以抄小伙伴的，快乐抄了过来结果发现我这边出了个BUG，省市区，市级选中其下所有的区也被选中。但我一看请求返回值，它的是否选中状态是正确的。所以我需要抓抓代码BUG。 1. 封装el-tree 整体封装组件代码见附录 <self-tree 阅读全文
posted @ 2022-02-24 15:40 乐盘游 阅读(1582) 评论(0) 推荐(0)
咸吃萝卜淡操心：导入xlsx文件表格新增数据
摘要：0. 缘起 东西做着做着忽然发现表格下方有个（导入）按钮，我纳闷了，想之前就直接传了个文件，怕不是需要把tableData换成这个，于是就开始自己琢磨。最后捏，发现人后端做完了这个导入新增的功能，我默默地删了新写的代码，不过这玩意也挺有挑战的，值得纪念！ 1. 代码 <el-upload class 阅读全文
posted @ 2022-01-05 16:42 乐盘游 阅读(391) 评论(0) 推荐(0)
我们都在爱与不爱中成长: Close to you, el-select
摘要：0. 缘起 项目里用到了element ui中的el-select下拉框组件，结果发现它一直都不显示对应的label值（黄金糕），反而显示了value值（1）。 1. 原因 下拉框显示的是label。当选中一个选项时，会绑定对应的value值。 同理如果给定一个value值，则会找到对应的key值进 阅读全文
posted @ 2022-01-04 18:40 乐盘游 阅读(49) 评论(0) 推荐(0)
我晒干了沉默，后悔的很冲动：el-table&el-popover的今生孽缘
摘要：0. 缘起 就el-table里面表格用一下泡泡弹出框效果，结果发现有三个阴间bug 仿照官网使用v-model="visible"的形式，点击弹出框无效果，但是点击事件是触发了的。 不使用v-model，直接用el-popover，有个自带的点击展开，再点击外围区域关闭的效果。勉强能用，但是和我的 阅读全文
posted @ 2021-12-31 16:35 乐盘游 阅读(641) 评论(0) 推荐(0)
众里寻他千百度，蓦然回首，那人却在灯火阑珊处：上传の方法
摘要：0. 缘起 之前做过一个fabric.js小画板，里面用到了上传图片作为画板底图的效果。但怎么本地上传至服务器，我还真不会。要用到，于是搜索了一波，但是发现那些搜索结果，大同小异地看起来都很麻烦，想到之前组长项目里也用到过类似效果，不如观摩观摩学习学习。 1. 过程 // template <el- 阅读全文
posted @ 2021-12-28 14:31 乐盘游 阅读(101) 评论(0) 推荐(0)
我在el-table就变了个模样，请你不要再想我，想起我
摘要：0. 缘起 上次提到过由于层级过深，模板无法及时感应数值变化而更新，那么这回的【按钮内容不及时更新】虽然表现和上次的一样，解决方法却不是一样的。 层级过深无法探知改变的传送门 1. el-table之殇 一言难尽啊，这玩意的变化不能如我所想，我也不太会做动态表格项。后来想想，如果用之前封装的超级表格 阅读全文
posted @ 2021-12-23 11:02 乐盘游 阅读(73) 评论(0) 推荐(0)
el-table后端排序之自动带序号
摘要：和后端小伙伴扯皮，问为什么不给序号，他说我们前端可以自己整一个。我纳闷，然后他给我举了个梨子，我立马抄了下来。好东西，看起来非常高级 <el-table-column align="center" label="序号" width="60px"> <template #default="{$inde 阅读全文
posted @ 2021-11-24 13:47 乐盘游 阅读(382) 评论(0) 推荐(0)
el-table 中状态改变 表格子项对应改变
摘要：0. 背景 根据要求，要求某种情况会改变表格内容。当时做的时候，发现即使加了v-if或者v-show都没能达到效果，还是批量生成的一样，全是一模一样的。 1. 原因 后来看了解释，原来el-table生成的时候就是像一条锁链，一环扣一环，一模一样的继续下去。如果要根据某个状态改变，得用到slot-s 阅读全文
posted @ 2021-11-24 09:55 乐盘游 阅读(276) 评论(0) 推荐(0)