Vue.js 需要等待道具准备就绪后才能到达火场
使用vue2+vue路由器+vuefire+firebase 在以下代码中,“schedule”的Firebase源需要路径中的“this.settings.seasure”,该路径在“settings”属性中提供,但在页面加载时尚未准备就绪。如果我离开(在SPA内)并返回,则会加载日程数据,因为“设置”已准备就绪 在检索“时间表”之前,如何等待“设置”道具准备就绪Vue.js 需要等待道具准备就绪后才能到达火场,vue.js,vuefire,Vue.js,Vuefire,使用vue2+vue路由器+vuefire+firebase 在以下代码中,“schedule”的Firebase源需要路径中的“this.settings.seasure”,该路径在“settings”属性中提供,但在页面加载时尚未准备就绪。如果我离开(在SPA内)并返回,则会加载日程数据,因为“设置”已准备就绪 在检索“时间表”之前,如何等待“设置”道具准备就绪 <script> const seasonsRef = db.ref('league/-KonukQ9Pf7ksy
<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>
常数季节ref=db.ref('league/-KonukQ9Pf7ksy9jvgo3/季节')
导出默认值{
名称:“用户联盟”,
道具:[“设置”],
数据(){
返回{
scheduleready:false,
}
},
火基(){
返回{
附表:{
来源:seasuref.child(this.settings.seasure.child('schedule'),
A对象:错误,
readyCallback:函数(){
this.scheduleready=true
}
}
}
}
}