Привязка данных 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, Но я не знаю, как это сделать, и я не уверен, что это правильный путь.

Любые другие предложения?

большое спасибо

0 ответов

Другие вопросы по тегам