3 回答

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個贊
這確實(shí)是因?yàn)闆]有為網(wǎng)格線傳遞任何選項(xiàng)。我下面的例子假設(shè)你已經(jīng)在我沒有的地方設(shè)置了你的選項(xiàng)。
語言.js
import {
Bar,
mixins
} from 'vue-chartjs'
export default {
extends: Bar,
mixins: [mixins.reactiveProp],
props: ['chartData', 'options'],
data() {
return {
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
},
gridLines: {
display: true
}
}],
xAxes: [{
gridLines: {
display: false
}
}]
},
legend: {
display: true
},
responsive: true,
maintainAspectRatio: false
}
}
},
mounted() {
this.renderChart(this.chartdata, this.options)
}
}

TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個贊
在 StatsSection.vuefillData()
中created(){..here...}
而不是mounted(){}
在 StatsSection.vue 中調(diào)用您的方法將解決您的問題。Created
將在掛載之前調(diào)用,因此您的數(shù)據(jù)收集變量在第一次不會為空。
添加回答
舉報(bào)