使用vue2 + vue-router + vuefire + firebase
在以下代码中,“schedule”的Firebase源在路径中需要“this.settings.season”,该路径在“settings”prop中提供,但在页面加载时尚未就绪。如果我离开(在SPA内)并返回,则加载计划数据,因为“设置”已准备就绪。
如何在检索“计划”之前等待“设置”道具准备就绪?
<script>
const seasonsRef = db.ref('league/-KonukQ9Pf7ksy9jvgo3/seasons')
export default {
name: 'userleague',
props: ['settings'],
data() {
return {
scheduleready: false,
}
},
firebase() {
return {
schedule: {
source: seasonsRef.child(this.settings.season).child('schedule'),
asObject: false,
readyCallback: function() {
this.scheduleready = true
}
}
}
}
}
</Script>