반응형
Bootstrap-vue 테이블 _ showdetails는 데이터 업데이트 시 닫힘
나는 내 vuex 저장소에서 일부 데이터를 가져오는 계산된 속성에 바인딩된 bootstrap-vue 테이블을 가지고 있다.
각 행에는 show_prow 버튼이 있으며, 이 링크에 따라 두 번째 행이 열린다: https://bootstrap-vue.js.org/docs/components/table/#row-hrow-hosts-support.
그러나 vuex 저장소에서 데이터가 변경되면 테이블이 다시 렌더링되고 상태가 사라진다(열린 'show_details' 행은 모두 닫힌 상태로 되돌아간다).
테이블의 현재 상태를 삭제하지 않고 스토어와 테이블의 테이블 데이터를 업데이트할 수 있는 방법이 있는가?
백엔드에서 새 데이터를 수신한 후 스토어를 업데이트하기 전에 이전 테이블 항목 배열을 반복하여_showDetails속성, 그런 다음 새 데이터 배열 설정 업데이트_showDetails행이 동일한 경우(기본 키 또는 다른 고유 행 식별자를 사용하여 행의 상관 관계를 표시)그런 다음 저장 항목 배열을 새 데이터로 업데이트하십시오.
반응형
'IT이야기' 카테고리의 다른 글
| Vue.createApp이 작동하지 않지만 새 Vue() 방법으로 작동 중임 (0) | 2022.04.17 |
|---|---|
| Java 인터페이스의 메서드는 공개 액세스 수정자를 포함하거나 포함하지 않고 선언되어야 하는가? (0) | 2022.04.17 |
| Vuejs에서 어레이를 필터링할 때 문제가 발생하시겠습니까? (0) | 2022.04.17 |
| 시논j가 있는 스터빙부룩스 게터 (0) | 2022.04.17 |
| Vue.js에서 필요한 입력이 하위 구성 요소에서 자동으로 유효성 검사를 트리거하는 이유는? (0) | 2022.04.17 |