Handsontable renderers 사용시 undefind 에러 대처

Handsontable renderers 사용시 undefind 에러 대처 

Handsontable  

에서 

http://jsfiddle.net/api/post/library/pure/

와 같이  사용 하는데 vue js 에서 

columns: [

{data : 'part'},

{data : 'machine_name'},

{data : 'process'},

{data : 'online_object',type: 'checkbox'},

{data : 'online_available',type: 'checkbox'},

{data : 'buy', renderer : this.greenrend,

type: 'date',

dateFormat: 'YYYY-MM-DD',

defaultDate: '1900-01-01',

datePickerConfig: datepick_setting,

},

{data : 'buy_check',type: 'checkbox'},

{data : 'machine_modify'},

{data : 'machine_modify_check',type: 'checkbox'},

{data : 'scenario'},

{data : 'scenario_check',type: 'checkbox'},

{data : 'eap_dev'},

{data : 'eap_dev_check',type: 'checkbox'},

{data : 'eap_apply'},

{data : 'eap_apply_check',type: 'checkbox'},

{data : 'production_apply'},

{data : 'production_check',type: 'checkbox'},

{data : 'comment'},

],

greenrend(instance, td, row, col, prop, value, cellProperties){

Handsontable.renderers.TextRenderer.apply(this, arguments);

td.style.backgroundColor = 'yellow';

}

와 같이 작성 할때 

Handsontable 이 없다는 에러가 나옵니다. 

그럴때는 

import Handsontable from 'handsontable';

해주면 사용 가능 합니다.