Element UI
秦时明月之安康
这个作者很懒,什么都没留下…
展开
-
table 组件指定列合并行方法
大多数table组件只提供了一个合并行或者合并列的抽象方法,例如 element ui 组件,该方法的参数解释及其用法如下,看得出来,rowspan代表每一行数据实际占用的行数,colspan代表每一行数据实际占用的列数,我们可以基于原始数据封装如下方法,export const getSpanMethodData = (data = [], columns = [ ]) => { let mergeColumns = {} // 用来记住合并列时数据的索引和重复的次数 let po原创 2021-01-25 16:13:41 · 875 阅读 · 0 评论 -
select组件和checkbox组件组合使用
由于业务的需要,当数据量多的时候,select组件没办法快速的去掉默认的选项,然后选择一个未选中选项,思索了好久,突然想到可以把select组件和checkbox组件组合使用,就可以达到目的了,先看效果:为了更通用和复用性更高,我把select和checkbox封装成了一个新的组件select-checkbox-group,核心代码如下:<template> <div> <el-popover :width="popoverWidth"原创 2020-09-18 17:04:06 · 2656 阅读 · 3 评论 -
table组件(iview和element )合并重复行方法
表格某一列(一般是前几列)合并重复出现的字段是很常见的需求,合并行之后表格看起来会比较清晰(分组),合并的前提是需要合并的字段已经按照升序(降序)排列好,核心算法如下:<template> <div> </div></template><script>export default { name: 'tmp', components: {}, data () { return { table: {原创 2020-09-17 10:33:39 · 907 阅读 · 0 评论 -
获取element el-tree组件子节点全选的父节点的信息
// 获取子节点全选的父节点的信息const checkedNodes = this.getSimpleCheckedNodes(this.$refs.leftTree.store)getSimpleCheckedNodes (store) { const checkedNodes = [] const traverse = function (node) { const childNodes = node.root ? node.root.childNodes : node.child原创 2020-09-02 14:28:53 · 599 阅读 · 0 评论 -
vue计算属性传递自定义参数
vue计算属性传递自定义参数以 element table组件属性"span-method"为例:具体实现原创 2020-09-02 09:17:04 · 1041 阅读 · 1 评论 -
Element UI Tree 树形控件,数据回填存在重大bug,附带解决方式
Element UI Tree 树形控件,数据回填存在重大bug,附带解决方式问题描述:解决方案:问题描述:异步加载数据,getPositionTreeByPost是请求数据接口,default_checked_keys是回填的节点ID,default_expanded_keys是回填展开的节点回填数据渲染结果默认选中的节点是20141119、3000564524591276,结果渲染出来,三个节点都选中了解决方案:组件默认给空值回填数据不变异步加载数据的时候,再回填,使用set原创 2020-09-01 16:59:10 · 3952 阅读 · 2 评论