上周分享了几篇关于React组件封装方面的博文，这周就来分享几篇关于Vue组件封装方面的博文，也好让大家能更好地了解React和Vue在组件封装方面的区别。 在封装Vue组件时，我依旧会交叉使用函数式组件的方式来实现。关于函数式组件，我们可以把它想像成组件里的一个函数，入参是渲染 ...

在后台管理和中台项目中, table是使用率是特别的高的, 虽然element已经有table组件, 但是分页和其他各项操作还是要写一堆的代码, 所以就在原有的基础上做了进一步的封装 所涵盖的功能有: 内容展示 , 操作栏 , 选择框 , 分页 , 图片渲染 , 开关 , 过滤器(时间格式化 ...

前一段时间，有博友在我那篇「封装Vue Element的table表格组件」的博文下边留言说有没有那种“表格行内编辑”的封装组件，我当时说我没有封装过这样的组件，因为一直以来在实际开发中也没有遇到过这样的需求，但我当时给他提供了一个思路。 时间过去了这么久，公司的各种需求也不停地往外冒，什么地图 ...

我们前端开发人员在使用表格的过程中，大概率碰到的都是表格头部在表格的最上边，然后呈一行展示，紧接着就是表格的每一行的每一个单元格来展示具体内容的场景，很少会遇到表格的头部呈纵向一行展示，也就是说表格的头部在左边，具体的内容在右边（也可以说是左右结构）这种使用场景，而且有时候的场景可能会是纵向表头 ...

最终效果图： 一、JQ插件 参考链接：http://www.jq22.com/jquery-info9377 插件封装： 页面调用： 二、element-ui动态合并行列 参考链接：https://www.jianshu.com/p ...

动态Bootstrap table ，表格头为动态获取 先在body标签中加入一个空 div <div class="col-xs-12" id="singlelast"> </div> 　　 JS中加入动态获取的表格头JSON格式数据，进行添加 　　 ...

项目地址 可以根据数据动态生成可合并行列的表格。 文档 数据选项 事件 组件可监听 click 事件，回调函数事件参数格式： 在线 DEMO 注意事项 假设你创建了一个 4*4 的表格，如下图所示。 现在每一行你都合并了 3 列，这时表格会发生崩溃现象。 这是表格 ...

<template slot="变量名">{{动态表头名称}}< ...