Bootstrap Vue 체크박스 <b-table> <b-form-checkbox>

Question

b-table에 b-form-checkbox를 사용하려고 합니다. 선택한 모듈 ID를 검색해 보세요.

으아아아 으아아아

선택한 모듈 ID를 검색할 수 있지만 확인란을 전환할 때 제거할 수는 없습니다. 체크박스가 선택되었는지(true) 또는 선택 해제되었는지(false) 추적하는 방법에 대한 아이디어를 제공할 수 있는 사람이 있다면. 미리 감사드립니다.

으으으으

Answer 1

체크박스 값이 전달되었습니다. v-model 存储在 list.modules[].selected 中，因此您可以仅使用计算的 prop 来获取所选模块，而不是使用单独的 selected 배열:

1. 출처 <b-form-checkbox> 中删除 @change="selection(⋯)":

으아아아

2. 제거 selection 方法和 selected 데이터 속성은 더 이상 필요하지 않습니다.

으아아아

3. list.modules[]에서 선택한 모듈을 필터링하기 위한 계산된 속성을 추가하세요:

으아아아

데모