Question

我真的是vue和vuex的新手，并试图学习vue。我有一个问题，很难解决。我试图使像堆栈溢出这样的网站用于培训。有一个主页包含feed组件，该feed组件包含其中具有最高投票答案的feed。

<div v-if="isLoaded" class="content__child-wrapper">
  <template v-if="this.pagination.total > 0">
    <template v-for="(question, index) in questions">
      <QuestionFeed :key="question.id" :question="question" :answer=(question.qa_answers && question.qa_answers.length > 0)? true: false" />
      <InFeedSuggestions :key="question.id + '_' + index" v-if="index == 0"/>
    </template>
  </template>
  <template v-else>
    <InFeedSuggestions :isQuestionAvail="false" class="mb-20" />
  </template>
</div>

我正在显示5个供稿和一个“加载更多”按钮，以便以投票率最高的答案加载更多供稿。在第一个提要之后还有一个部分，显示了3个新插入的提要，尚未得到答复的提要。出现问题。我想从vuex加载所有提要，并将其存储在状态中，然后在主页上显示它们，但是由于有2个不同的部分，一个是提要，提要带有从不同的API调用中调用的答案，一个是没有答案的即从不同的API调用请求时，我应如何在状态下对其进行管理。我应该为他们两个都设置不同的状态，并对这两个状态执行不同的操作，还是有更好的方法？

同时管理2个组件的状态vuex

0 个答案: