programing

Vuetify v-data-table에서 필터링된 어레이를 가져오는 방법

copysource 2022. 7. 21. 22:45
반응형

Vuetify v-data-table에서 필터링된 어레이를 가져오는 방법

데이터 테이블은 다음과 같습니다.

<v-data-table
 :search="search"
 :headers="tableHeaders"
 :items="tableItems"
 hide-default-footer
 ></v-data-table>

검색 필터 적용 후 데이터 테이블에서 필터링된 항목을 가져올 수 있는 방법이 있습니까?어레이를 전달하고 있습니다.:items이 필터는:search.

핸들러를 에 추가해 보겠습니다.@current-items다음과 같은 이벤트:

@current-items="getFiltered"

다음과 같이 메서드에 추가합니다.

methods:{
  getFiltered(e){
   console.log(e) //output the filtered items
 }
}

코드펜을 확인하세요.

언급URL : https://stackoverflow.com/questions/58560725/how-to-get-the-filtered-array-from-vuetify-v-data-table

반응형