@bairong-im/table-columnset v1.2.0

表格的列设置

基于vue+element的table的列设置组件，支持表格列的重新排序以及是否显示！

安装及用法

# install
npm i @bairong-im/table-columnset

# 用法
在main.js中注册全局组件

依赖插件，element-ui  vddl 自行下载

目前展示的是列设置保存在前端的用法

<Columndrag :data='columnList' :dataInit='InitData' @getList='getList'></Columndrag>

参数 data(列的数组),dataInit(列的初始化) ,
 data (){
   return {
     columnList:{
       Arr:[]
     },
     InitData:{
       Arr:[]
     }

     flagArr:[
       {
         "id": 1,
         "label": "姓名",
         "flag": true，//控制此列是否显示
       },
       {
         "id": 2,
         "label": "班级",
         "flag": true,
       },

     ]
     initArr:[
       {
         "id": 1,
         "label": "姓名",
         "flag": true，
       },
       {
         "id": 2,
         "label": "班级",
         "flag": true,
       },
     ]

   }
 },

 beforeMount() {
    this.flagArr = sessionStorage.getItem('columnset') ? JSON.parse(sessionStorage.getItem('columnset')) : this.initArr
    this.columnList.Arr = sessionStorage.getItem('columnset') ? JSON.parse(sessionStorage.getItem('columnset')) : this.initArr
    this.InitData.Arr = this.initArr
 },

 methods: {

   //接收组件的传值

      getList(arr) {
        sessionStorage.setItem('columnset', JSON.stringify(arr))
        this.flagArr = arr
      },
      }