본문 바로가기
C++ 200제/코딩 IT 정보

Vue-Good-Table Vue.js + Typescript 모듈 추가 방법

by vicddory 2020. 8. 20.


무료로 사용할 수 있는 vue.js 테이블 vue-good-table에 대한 포스트입니다.

vue.js에선 프로젝트에 바로 적용해서 사용할 수 있지만, 타입스크립트가 적용된 프로젝트라면 약간의 추가 작업이 필요합니다.


총 2가지 작업이 필요한데요. shims-vue.d.ts 파일에 모듈을 추가하고, 사용할 vue 파일에서 임포트하는 형태만 잡아주면 됩니다. 간단하지만 중요하니 꼼꼼히 확인해 주세요.


1. shims-vue.d.ts 추가


declare module 'vue-good-table' {
  import VueGoodTable from 'vue-good-table';
}


2. vue 파일 임포트


import * as VueGoodTable from 'vue-good-table';
import 'vue-good-table/dist/vue-good-table.css';
...
...
components: {
  'vue-good-table':
    require('vue-good-table').VueGoodTable,
}


그리고 사용 방법에 대해선 아래 일본 프로그래머의 글을 추천합니다. 크롬에서 열어 번역을 누르면 한국어 사이트처럼 이용할 수 있습니다.

그리고 전체 메뉴얼 및 공식 사이트는 아래입니다.


댓글