Typescriptでvue-chartjsのcanvasを取得したい
created
で document.getElementById
を使って取得しようとしたが、
タイミング的にまだ描画されていないので$nextTick()を使う必要があった
また、getContextを呼ぶ時に Property 'getContext' does not exist on type 'HTMLElement'.
とエラーが出るので HTMLCanvasElement
として一度変数に入れる必要があった
created() { this.$nextTick(() => { const canvas = <HTMLCanvasElement> document.getElementById('line-chart'); const ctx = canvas.getContext("2d"); }) }
※ 上記コードはvue-property-decorator
を利用してます