javascript - 尝试使用字符串+变量设置Vue元页面标题

Question

我使用 Vue Meta 作为使用 Nuxt JS 2.4.5 的项目中博客应用程序的一部分

我在尝试设置标题+来自 data () 的变量时遇到了一些麻烦，我不确定我错过了什么

我尝试了多次尝试让它工作，移动代码，使用 this 手动设置它，但似乎没有任何效果......

<script>
import BlogsFromJson from '~/static/articles/blogs.json';

export default {
  head: {
    title: 'My Website: Blog: ' + this.myBlogTitle, // or something else
    meta: [
      { hid: 'description', name: 'description', content: 'Read the latest news and articles from Flex Repay UK.' }
    ]
  },
  data () {
    return {
      title: this.$route.params.title,
      blog: BlogsFromJson,
      myBlogTitle: 'some title'
    }
  }
}
</script>

我尝试在 data () 中设置一个变量并静态使用它。

这样做应该给我我的网站:博客:一些标题

我可能会错过什么？

Answer 1

尝试使用函数而不是对象作为头部。改变

head: {
  ...
},

至

head () {
  return {
    ...
  }
}