[Bootstrap-Vue]게시판 만들기 - 게시판 목록 만들기(b-table과 fields)

b-table을 이용!

board.vue 파일을 하나 만들어서 bootstrap-vue에 있는 b-table를 가져왔다!! 

이제 이걸 방금 만든 데이터를 보여줄 수 있도록 수정하쟈

 

 content 데이터!!!  /  board.vue 수정 

 근데 굳이 보여줄 필요도 없는 요소들이 보인다. 이걸 보여주지 않도록 해주자! 

이때 사용하는것이 Fields 속성!!!!!!!!!

내가 출력하길 원하는 데이터만 보여줄 수 있도록 fields를 이용한다. content_id, title,create_at만 보여주도록 한다.

근데 여기서 객체 속성의 이름을 그대로 사용하는것이 좋아 보이진 않다. 컬럼 명을 변경해보쟈!!

실제 속성의 이름은 key로, 보여주고 싶은 이름은 label로 해준다.

board.vue 수정

 

결과