如何在 vue 的 onMounted 方法中使用 vuex getter？

Question

我从我在 vuex 中使用的数据库中获取数据。我在 setup 方法中使用 getter 检索它，但我想在呈现页面之前使用其中的一些数据，最好是在 onMounted 方法中。我不知道如何使用 Compositions API 来做到这一点。这是我的代码：

setup() {
   const store = useStore();

   //store.dispatch(Actions.LOAD_COMMUNITY);
   onMounted(() => {
     store.dispatch(Actions.LOAD_COMMUNITY);
     setCurrentPageTitle(this.community.communityName);
   });

   return {
     community: computed(() => store.getters.currentCommunity),
   };
 },

当我这样做时，我得到一个“找不到名称'community'”错误，我无法通过使用 this.community 来修复它。

如果你们能帮我解决这个问题，我将不胜感激。

Answer 1

this 不应该与组合 API 和 setup 一起使用。组件实例在setup 中不可用，但在特殊情况下可以使用getCurrentInstance() 访问。

应该是：

   const community = computed(() => store.getters.currentCommunity),

   onMounted(() => {
     ...
     setCurrentPageTitle(unref(community).communityName);
   });

   return { community };