Следующий код работает, но выдает ошибку 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;