3 回答

TA貢獻1816條經驗 獲得超4個贊
這確實是因為沒有為網格線傳遞任何選項。我下面的例子假設你已經在我沒有的地方設置了你的選項。
語言.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貢獻1788條經驗 獲得超4個贊
在 StatsSection.vuefillData()
中created(){..here...}
而不是mounted(){}
在 StatsSection.vue 中調用您的方法將解決您的問題。Created
將在掛載之前調用,因此您的數據收集變量在第一次不會為空。
添加回答
舉報