Vue.js Vue getter属性未定义

我有从api获得的状态页面

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

和Getter

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}}
...
计算：{
…映射器（{HomeAdvantages:'modules/general/HomeAdvantages'}）
},

在我得到的页面刷新

无法读取未定义的属性“home\u Advantage”

但是在状态页面中存在属性

我怎样才能解决这个问题

---

如果

pages

属性为空，则

state.pages.find（（page）=>（page.template='home'）

可能返回

未定义的
，我将不胜感激。
在您的代码中，您希望从
查找
结果中获得
主页
。
您的代码应该如下所示：

var page = state.pages.find((page) => (page.template == 'home'));
if (!page) {
   return null;
}
return page.home_advantages