Свойство renderChart не существует для типа LineChartComponent - PullRequest
0 голосов
/ 22 апреля 2020

Следующий код работает, но выдает ошибку TSLint / TS в моей консоли

// Imports
import Vue from "vue";
import Component from "vue-class-component";
import { Line } from "vue-chartjs";

@Component({
    extends: Line,
    props: {
        chartData: {
            type: Object
        }
    }
})
export default class LineChartComponent extends Vue {
    mounted() {
        this.renderChart({ // <-- This line is the issue
            labels: this.$props.chartData.labels,
            datasets: [
                {
                    data: this.$props.chartData.data,
                    borderColor: "",
                    borderWidth: 4
                }
            ]
        });
    }
}

Ошибка:

TS2339: свойство renderChart не существует в введите 'LineChartComponent'.

Я считаю, что это связано с this, неправильно ссылающимся на расширение @component Line. Если я вручную создаю метод для компонента, я могу избавиться от этой ошибки, но я просто должен иметь возможность использовать this из своего понимания ...

private renderChart!: (chartData: any, options?: any) => void; 
...