![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Element-UI
对的态度带你走向对的路
喜欢前端,也热爱后端
展开
-
封装el-autocomplete组件,实现滚动触底翻页
通过自定义指令v-autocomplete-scroll 来监听滚动事件,需要注意事件的监听与移除监听。element-ui的 el-autocomplete 组件支持远程搜索输入相关数据,可以翻页,通过监听到滚动事件,判断是否到达底部,然后进行page++ 搜索。要求实现下滑到底部的时候,触发翻页请求,查看更多结果。原创 2022-10-28 13:56:13 · 1200 阅读 · 0 评论 -
修改el-table表格的滚动条式样后出现式样错位的问题
最近根据ui的最新式样改了el-table的表格式样,出现以下问题。原创 2022-10-24 09:22:07 · 2134 阅读 · 0 评论 -
el-table列表自适应页面高度
所以想到了用el-table的max-height属性去实现。不想用混入,所以使用了组件的方式来实现。最近产品经理提了一个需求,当表格超出页面高度时,要固定顶部表头和搜索栏。原创 2022-10-14 11:43:10 · 2336 阅读 · 0 评论 -
el-table动态表格自适应宽度
Element UI 是 PC 端比较流行的 Vue.js UI 框架,它的组件库基本能满足大部分常见的业务需求。最近产品提个了需求如下:想要的效果是:内容保持单行显示,项目名称要显示全部文字。这就需要表格根据项目名称进行自适应宽度调整。注册自定义指令}, 200)},}, 300)}})/* 自适应表格宽度 在el-table 添加自定义指令 v-fit-columns="14" 14 指字体大小 14px,默认值14。原创 2022-10-14 11:20:42 · 2436 阅读 · 3 评论