Vue之使用Coreui框架实现table中的checkbox多选功能
1、目标样式
- 第一次Vue,用的Coreui框架,网上资料很少,还是自己整理了一下,方便后面学习与使用。
- 实现对表格中的数据进行多选、全选操作。
- 还有数据的回显等等。
2、模板代码
<b-form-group>
<b-table responsive="sm" :items="list" :fields="BatchSettlementFields" >
<template slot="ProjectNo" slot-scope="data">
<b-form-checkbox name="flavors" striped inline v-model="selected" :value="data.item"></b-form-checkbox>
<router-link :to="{ path:`/maintenances/detail/${ data.item.Id }`}">{
{
data.item.ProjectNo }}</router-link
</template>
<template slot="HEAD_ProjectNo" slot-scope