구성 요소

Bootstrap Table Vue 구성 요소의 API.

사용 예제

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

참고: v-if 지시문을 사용할 때는 불필요한 오류를 피하기 위해 div 태그로 BootstrapTable 구성 요소를 감싸는 것이 좋습니다.

Props

columns

• 유형: Object

• 세부 정보:

  Bootstrap Table의 열 옵션. 이 prop은 필수 항목입니다.

• 기본값: undefined

data

• 유형: Array | Object

• 세부 정보:

  로드할 데이터.

• 기본값: undefined

options

• 유형: Object

• 세부 정보:

  Bootstrap Table의 테이블 옵션.

• 기본값: {}

이벤트

호출 구문: @on-event="onEvent".

onAll을 제외한 모든 이벤트는 Events API에 정의되어 있습니다.

참고: 이벤트 이름은 소문자로 변환하고 하이픈으로 구분된 형식을 사용해야 합니다. 예를 들어 onClickRow는 on-click-row로 작성해야 합니다.

메서드

호출 구문: this.$refs.table.methodName(parameter).

예제: this.$refs.table.getOptions()

모든 메서드는 Methods API를 참조하세요.