programing

Vuex 데이터를 vue-meta에 바인딩하는 중

newsource 2022. 8. 14. 12:15

Vuex 데이터를 vue-meta에 바인딩하는 중

블로그를 만들고 있는데 Vuex와 Vue-meta를 연결하는데 어려움을 겪고 있어요.코드는 다음과 같습니다.

기사 템플릿에서는v-for="article in selectedArticle"Vuex의 올바른 기사를 표시하기 위한 계산된 속성

selectedArticle() {
   return this.$store.state.articles.filter(article => article.id == this.$route.params.id);
},

Vue-meta를 다음과 같이 사용하려고 합니다.

metaInfo: {
    title: ???, 
    meta: [
      { charset: 'utf-8' },
      { vmid: 'description', name: 'description', content: ???.id },
      {
        'property': 'og:image',
        'content': https://api.someurl.com/article/ + ???.id,
        'vmid': 'og:image'
      }
     ]
}

이를 위한 한 가지 방법은 에서 취득한 vuex 데이터를 바인딩하는 것입니다.SelectedArticle실제로data컴포넌트 속성 및 사용title : this.article.titlemetaInfo하지만 어떻게 해야 할지 몰라서 이게 맞는 건지 모르겠어요.

다른 조언은 없나요?

정말 감사합니다.

언급URL : https://stackoverflow.com/questions/55730347/binding-vuex-data-to-vue-meta