## showLine 表格列筛选
传入表格列的数组,用户可选择显示的列,当选中项改变时,返回所有选中的项目,并存入缓存sessionStorage<br/>
组件再次创建时会先从缓存中读取选中项,若缓存中不存在,默认选中所有列
##### 基本用法
```
<pf-showline :lineconfig="listdata" linename="showlinename" @definedList="listSelectChange"></pf-showline>
data() {
return {
listdata: [
{
title: '代理新签金额',
key: 'fsgn_pay_agt',
align: 'center',
width: 130,
sortable: 'custom',
lineName:'代理新签金额', //showLine组件中显示的名称
},
{
title: '拉新新签单数',
key: 'fsgn_ord_fintro',
align: 'center',
width: 130,
sortable: 'custom',
lineName:'拉新新签单数',
},
{
title: '拉新新签订单退款金额',
key: 'fsgn_rfd_pay_fintro',
align: 'center',
width: 120,
sortable: 'custom',
lineName:'拉新新签订单退款金额',
},
{
title: '转介绍新签订单退款单数',
key: 'fsgn_rfd_ord_wom',
align: 'center',
width: 130,
sortable: 'custom',
lineName:'转介绍新签订单退款单数',
},
]
}
},
methods: {
listSelectChange: function (listArr) {
this.listdata = listArr;
}
},
```
##### Props:
参数 | 说明 | 类型 | 默认值 |
---|---|---|---
lineconfig | 表格列的数组 | array
linename | 当前组件的名称,用于存入缓存时的key| string | listName
##### 事件:
事件名 | 说明 | 参数 |
---|---|---|---
definedList | 选中项改变时触发 | listArr:所有当前选中的列