将Vuex数据绑定到vue-meta

时间:2019-04-17 14:45:43

标签: vue.js vuejs2 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'
      }
     ]
}

我认为一种方法是将在SelectedArticle中检索的vuex数据绑定到组件的实际data属性,然后在{{1}中使用title : this.article.title }。 但是我不知道该怎么做,我不确定这是否正确。

还有其他建议吗?

非常感谢您

0 个答案:

没有答案