element-ui
一起蹦极某囖
一只爱运动的程序猿
展开
-
element-ui 自定义message-box 自定义样式不生效
背景:这是小伙伴今天在开发中遇到的问题,使用jsx语法自定义一个msgbox,自定义msgbox自然需要自定义样式,然后就遇到了自定义customClass不生效的问题。下面上jsx的一个写法this.$msgbox({ title: '确认', message: h('div', { style: 'text-align: center' }, [ h('p', { class: 'content-title原创 2020-11-05 14:19:34 · 7742 阅读 · 5 评论 -
基于element-ui el-table el-form 表格嵌套表单 并且之前表格搜索和全键盘操作
项目开发中的记录,提出了业务代码 ,场景是自己临时想的 主要是两点场景假设一个淘宝店家周年庆给老会员发福利了,需要创建一系列的发货地址,要求客户的信息不能手动输入,需要从会员里面获取自动填充要求店家是一个老顽固,或者不喜欢使用鼠标所以需要全键盘来操作1、table 和 form的相互嵌套,表格中表单项的校验2、参考el-select 源码 的全键盘操作表格一贯作风先附上效果图,然后放git源码路径git 源码地址...原创 2020-06-11 16:43:38 · 1772 阅读 · 0 评论 -
基于element-ui el-scrollbar 自定义滚动指令
不怎么擅长写文档,先上效果图github源码地址背景: 在使用element-ui 开发项目中,有一个隐藏的组件 el-scrollbar 可以用来美化滚动条,往往有这种需求,需要滚动到一定的位置,并且可以加一些过渡的动画,为此写了一个组件和大家分享一下。思路:vue 自定义指令 scrollHeight/clientHeight/scrollTop 等dom上的属性 用于偏移量的疾患 window.requestAnimateframe 动画 不平滑代码:import ..原创 2020-06-05 15:32:23 · 1033 阅读 · 0 评论 -
element-ui 隐藏组件 el-scrollbar 的api整理
原创 2020-05-20 15:13:28 · 822 阅读 · 0 评论 -
element-ui里面的下拉多选框 el-select 时,默认值不可删除
这是一个项目中常见的需求,el-select 为下拉多选,默认值不可删除,或者指定值不可删除。实现效果:el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性,所有明显不支持。解决思路(从el-select 的角度来考虑,其他组件组合的情况暂不考虑)想要实现某些选项是不删除,1、需要tag 不可删除,2、...原创 2019-10-22 10:57:15 · 21193 阅读 · 12 评论 -
vue + element-ui 动态表单 动态表格渲染问题
在开发动态表单和动态表格的时候,更改某些条件(v-if 等等)进行重新渲染时候,元素复用出现渲染问题vue element传的值报_self.$scopedSlots.default is not a function源码<el-table ref="table" class="table szq-table" border...原创 2019-07-24 17:11:52 · 925 阅读 · 0 评论