Vue Js 전체 선택 기능

---

오늘의 삽질은 오늘 vue js 에서 테이블 전체 선택을 하는 방법에서 삽질 중이었는데 공식문서에 잘 나와  있었다.

 

element.eleme.io/#/en-US/component/table#multiple-select

 

일단 el-table 안에 @selection-change="함수명" 이 존재해야 한다.

 

이렇게 console 에 찍어보면

 selectionChange(val) {     
    console.log(val);
}

테이블 안의 구성 요소가 찍힌다.

 

아- checkbox에 v-model 을 넣어주려고 안간힘을 썼는데 그냥 아니다 다 필요 없다.

이것만 써주면 된다

<el-table-column type="selection" align="center" width="80" >
</el-table-column>

---