Bootstrap

iview 通过多选框动态控制<Table>列数

首先说需求
1.通过多选框是否选中来控制表格对应的列是否显示,
默认选中全部显示,未选中隐藏,如下图未选中时
默认为选择的情况

上代码

	 <template>
	   <div class="function_list">
          <Button icon="md-search"></Button>
          <Button icon="md-sync"></Button>
          <Button icon="ios-list-box"></Button>
          <Button icon="ios-apps">
            <!-- 下拉框多选 -->
            <Dropdown trigger="click" style="margin-left: 20px">
              <Icon type="md-arrow-dropdown" />
              <DropdownMenu slot="list">
                <CheckboxGroup
                  @on-change="checkAllGroupChange($event,index)"
                  v-for="(item,index) of checkAllGroup"
                  :key="index"
                  v-model="checkAllGroup1"
                >
                  <Checkbox :label="item">&
;