Question

我在标签中有一个组件：

<md-tabs>
    <md-tab v-for="event in events" :key="event.uid" :md-label="event.title">
        <subscribe :eventKey="event['.key']"></subscribe>
    </md-tab>
</md-tabs>

我希望只要我的条件成立就显示这个组件（所以我认为v-if是可以的）我尝试将v-if放在我的订阅组件中，如下所示：

<template v-if="sub">
    ...
</template>

计算如下：

computed: {
    sub: function () {
        let currentUser = firebaseApp.auth().currentUser
        let path = 'events/' + this._props.eventKey + '/subscriber'
        firebaseDB.ref(path).once('value', snapshot => {
            console.log(_.some(snapshot.val(), {'id': currentUser.uid}))
            return _.some(snapshot.val(), {'id': currentUser.uid})
        })
    }
}

但它不起作用:( 我的console.log在我的firebase数据库中返回了一些true和一些错误，但组件仍在这里。

我在模板内部尝试使用方法，我在父母身上尝试，但它永远不会起作用。

我的代码出了什么问题？

vue 2 v-if，computed，firebase

0 个答案: