Bootstrap Table Vue 组件的 API。

使用示例

<BootstrapTable
  ref="table"
  :columns="columns"
  :data="data"
  :options="options"
  @on-post-body="onPostBody"
/>

注意: 使用 v-if 时,建议将 BootstrapTable 包装在 div 中以避免不必要的错误。

属性

columns

  • 类型: Object

  • 详情:

    Bootstrap Table 的列选项。此属性是必需的。

  • 默认值: undefined

data

  • 类型: Array | Object

  • 详情:

    要加载的数据。

  • 默认值: undefined

options

  • 类型: Object

  • 详情:

    Bootstrap Table 的表格选项

  • 默认值: {}

事件

调用方法的语法:@on-event="onEvent"

所有事件(不包括 onAll)都在 事件 API 中定义。

注意: 需要将事件名称转换为小写加连字符的格式,例如:onClickRow 应该是 on-click-row

方法

调用方法的语法:this.$refs.table.methodName(parameter)

示例:this.$refs.table.getOptions()

所有方法都在 方法 API 中定义。