![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementUI
文章平均质量分 74
_pengliang
这个作者很懒,什么都没留下…
展开
-
[md-loader]使用md来编写vue组件库文档
- 当前项目公共组件比较多,需要一个文档来描述- 希望轻量化,没有额外资源部署一个文档项目,即内嵌在开发项目中原创 2022-08-28 17:17:45 · 1768 阅读 · 0 评论 -
el-transfer 数据量大时使用虚拟列表
前言el-transfer 加载几千个数据已经卡得不行了,毕竟页面上存在了 几千多份 dom。由于时间紧急,打算直接拿源码出来修改。开始为了代码不混淆,这里使用 mixins。有三个文件virtual-list-mixins.jsexport default { computed: { contentHeight () { // 计算滚动条高度 return this.data.length * this.itemHeight } },原创 2021-04-22 23:33:51 · 3052 阅读 · 1 评论 -
解决 el-table 自定义表头视图不更新
使用 slot="header",导致自定义表头视图不更新v-slot 指令自 Vue 2.6.0 起被引入,提供更好的支持 slot 和 slot-scope attribute 的 API 替代方案。v-slot 完整的由来参见这份 RFC。在接下来所有的 2.x 版本中 slot 和 slot-scope attribute 仍会被支持,但已经被官方废弃且不会出现在 Vue 3 中。在这之前我一般使用 v-if 解决这个问题,但是 v-if 的副作用????♂️,虽然知道 slot="he原创 2020-09-26 11:55:14 · 3154 阅读 · 3 评论 -
Elementui Popover点击拖动滚动条关闭
场景在非固定列表格中使用 Popover 弹出框,并且 el-popover中还有 Select 选择器 和 TimePicker 时间选择器 等 Popover 弹出框,正常点击页面的时候会同时消失,但是拖动点击非固定列的滚动条的时候不消失且不跟随表头移动,因为 Popover 默认是以 body 为基准。解决方法使用监听与 Popover无关的滚动条事件,模拟鼠标事件关闭它。document.body.click()document.dispatchEvent(new CustomEvent(原创 2020-06-16 22:50:34 · 2878 阅读 · 1 评论 -
Checkbox 多选框 数据为对象
Checkbox 多选框 数据为对象Checkbox 多选框显示和绑定的值默认是一样的,源数据一般是一维数组今天使用 Checkbox 多选框 的时候需要绑定 ID, 显示的为国际化文字,使用的源数据是对象类型使用插槽即可, api 并为提及,后来发现在例子中有体现,特地记录一下。 const cityOptions = [ {id: 1, name: '上海'}, {id: 2, name: '北京'}, {id: 3, name: '深圳'}, {id: 4, name: '广州'}原创 2020-05-25 23:39:23 · 1487 阅读 · 0 评论 -
ElementUI滚动视图(类似走马灯)
描述项目中使用到了 NavMenu 导航菜单 ,当菜单过长时会发生不雅观的事情(换行)正好 Tabs 标签页 能够检测宽度不够时会出现一个支持内容左右滚动的容器于是乎,我将其抽取出来作为 NavMenu 导航菜单 的外部容器效果当宽度不够时,是滚动而不是换行;当宽度足够时,左右箭头隐藏无多余元素;使用我已经将此封装成组件。slot: 插槽 、props width:外层宽度限制(默认100%);插槽要求有固定宽度如果使用了 NavMenu 导航菜单,由于它是使用 ul li 元素通过原创 2020-05-18 22:42:48 · 2809 阅读 · 0 评论