本文是参考前端大佬的代码做了小的修改, 把冗余部分代码调整了一下, 不用写相同的函数了 参考自: https://blog.csdn.net/MengRui2333/article/details/ ...

...

　　在vue的后台项目中，我们经常会用到element-ui这个ui框架，里边很多的组件都是很好用的，特别是表格 el-table 组件，除了常用到的 el-table-column中的 prop、width、label、以及align之外我们还经常会用到slot进行自定义显示的内容 ...

公司在后台管理系统开发中用到了 vue+element-ui 组合的框架，但随着需求的越来越复杂，前端的工作难度也呈几何倍数递增，工作量随之增大。这不，在项目中增加一个将列表数据导出为excel的需求就紧跟着来了。 不光将数据导出，还得支持单笔导出或多笔批量导出。 前端：前端招谁惹 ...

根据API 里面有个 Table-column Attributes ...

<el-table ref="table" :data="tableData" style="width: 100%" border @selection-change ...

<div class="tbb"><toolbar-button @click="add" :label="$t('common.add')" icon="el-icon-plus" size="small"></toolbar-button>< ...

我们经常会在某个table末尾加上操作列来放置button来处理跳转和其他的逻辑 那么当点击button的时候同样也会执行在el-table 设置的 @row-click="handleRowClick"事件。如果避免这种情况呢？ 其实很简单，在操作列的加上@click.stop就可以 ...