vue中页面如何等待vuex中数据传到页面时再进行判断渲染

Question

页面渲染需要依靠vuex中的一个状态

<div class="formWrap" v-if="judgePage('控制权限', userPower)">
</div>

其中userPower是通过vuex获取的

computed: {
    userPower(){
      return this.$store.state.userPower
    }
}

通过函数judgePage去判断是否显示

judgePage(item, userPower){
      return utils.judgePageJurisdiction(item, userPower)
    },

现在问题是当页面刷新时，渲染页面时userPower还未获取到，这样就产生了报错。

请问怎么样可以在确定userPower获取到值后进行判断？谢谢

Answer 1

你这个不能这样用吧，这里method是没有缓存的，你可以把judgePage放computed里，return userPower && utils.judgePageJurisdiction(item, userPower) 吧