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.title
에metaInfo
하지만 어떻게 해야 할지 몰라서 이게 맞는 건지 모르겠어요.
다른 조언은 없나요?
정말 감사합니다.
언급URL : https://stackoverflow.com/questions/55730347/binding-vuex-data-to-vue-meta
'programing' 카테고리의 다른 글
Node.js 서버에 Vue.js 애플리케이션을 배포하는 방법 (0) | 2022.08.14 |
---|---|
vue + vuex를 사용한 개발 중에 모의 데이터 사용 (0) | 2022.08.14 |
Vue의 클래스 구성 요소에 사용할 액세스 한정자를 선택하십시오. (0) | 2022.08.14 |
C에 레퍼런스가 있나요? (0) | 2022.08.14 |
템플릿에 있는 경우 "함수가 아니므로" 스토어의 Vue에 대한 getter에 액세스할 수 없습니다. (0) | 2022.08.14 |