vue 根据选项生成表格_vue el-table 添加数据筛选、导出表格功能

.el-checkbox {

display: block;

min-width: 100px;

padding: 5px 10px;

cursor: pointer;

margin-right: 0px;

}

.el-checkbox:hover {

background-color: #ecf5ff;

color: #66b1ff;

}

导出

:label="item.title" :key="index">

查看

编辑

数据指标

@change="handleCheckAllChange">全选

:label="item.title" :key="item.title">{ {item.title}}

var Main = {

data() {

return {

total_tableHead: [

{ title: '日期', data: 'date', show: true },

{ title: '姓名', data: 'name', show: true },

{ title: '省份', data: 'province', show: true },

{ title: '市区', data: 'city', show: true },

{ title: '地址', data: 'address', show: true },

{ title: '邮编', data: 'zip', show: true },

],

tableData: [{

date: '2016-05-02',

name: '王小虎',

province: '