반응형
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
반응형
'programing' 카테고리의 다른 글
포장된 구조물은 휴대 가능합니까? (0) | 2022.08.09 |
---|---|
Vue + VUEX + 타입 스크립트 + Vue 라우터컴포넌트가 파괴되지 않음 (0) | 2022.08.09 |
vue-loader의 핫 새로고침은 템플릿의 구조 변경 시에만 작동함 (0) | 2022.07.21 |
네임스페이스를 찾을 수 없거나 getters.default가 비어 있는 Vuex 모듈 등록 문제 (0) | 2022.07.21 |
Vue - 문자열 외 요소 렌더링 (0) | 2022.07.21 |