Vue getter属性未定义

Question

我具有从api获得的状态页面，>

const state = () => ({
  info: [],
  pages: []
})
和字母

const getters = {
  // HomePage_Getters
  HomeAdvantages(state) {
    return state.pages.find((page) => (page.template = 'home')).home_advantages
  }
}
在Vue页面上

        <div>
          {{ HomeAdvantages }}
        </div>
...
  computed: {
    ...mapGetters({ HomeAdvantages: 'modules/general/HomeAdvantages' })
  },
刷新页面时我得到

无法读取未定义的属性'home_advantages'

但处于状态[[pages

存在]我该如何解决？

我将不胜感激，寻求帮助

我有从api const state =（）=>（{info：[]，pages：[]}）和Getter const getters = {// // HomePage_Getters HomeAdvantages（state）{返回state.pages.find（ （...

Answer 1

如果pages属性为空，则state.pages.find((page) => (page.template = 'home'))可能返回undefined。并且在您的代码中，您想从home_advantages结果中获取find。您的代码应如下所示：