vue.js - 在联系 Firebase 之前需要等待道具准备好

Question

使用 vue2 + vue-router + vuefire + firebase

在以下代码中，“schedule”的 Firebase 源需要路径中的“this.settings.season”，该路径在“settings”属性中提供，但在页面加载时尚未准备好。如果我离开（在 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>