时间戳

首页 > 解决方案 > 将 Vuex 数据绑定到 vue-meta

vue.js - 将 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属性，然后title : this.article.title在metaInfo. 但我不知道该怎么做，我不确定这是否是正确的方法。

还有其他建议吗？

非常感谢

标签： vue.jsvuejs2vuexvue-meta

解决方案

推荐阅读