リモートで働くプログラマーの検索結果

リモ太がググったことの覚書

Typescriptでvue-chartjsのcanvasを取得したい

createddocument.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を利用してます