Vue.js 可以在Vuejs中将参数传递给mixin吗?

Vue.js 可以在Vuejs中将参数传递给mixin吗?,vue.js,nuxt.js,Vue.js,Nuxt.js,我正在使用NuxtJS的头标签。我的应用程序中的meta标记经常重复,或者只有轻微的变化 我希望将标题传递到mixin中,然后对应用程序中的所有页面重用代码。但是,我不知道如何在vuejs中实现这一点。有什么建议吗 export const metatags = { head () { const organization = this.$store.state.loadedData const title = 'Classes & Lessons - ' + or

我正在使用NuxtJS的头标签。我的应用程序中的meta标记经常重复,或者只有轻微的变化

我希望将标题传递到mixin中,然后对应用程序中的所有页面重用代码。但是,我不知道如何在vuejs中实现这一点。有什么建议吗

export const metatags = {
  head () {
    const organization = this.$store.state.loadedData

    const title = 'Classes & Lessons - ' + organization.organization.name + ' ' +
      organization.target_locations[0]

    const description =
      (organization.organization.name
        ? organization.organization.name
        : '') +
      ' is ' +
      (organization.services.length > 0
        ? organization.target_locations[0]
        : '') +
      "'s premier " +
      (organization.services.length > 0
        ? organization.services[0].name
        : '') +
      ' and ' +
      (organization.services.length > 1
        ? organization.services[1].name
        : '') +
      ' training centers'

    const logo = process.env.AMAZONAWS_IMAGE_URL +
      organization.organization.primary_logo_id + '_350.' + organization.organization.logo_extension

    const favicon = logo

    const domain = 'https://' + this.$store.state.domain

    return {
      title,
      meta: [
        {
          name: 'description',
          content: description
        },
        {
          property: 'og:title',
          content: title
        },
        {
          property: 'og:site_name',
          content: organization.organization.name
        },
        {
          property: 'og:description',
          content: description
        },
        {
          property: 'og:image',
          content: logo
        },
        {
          property: 'og:url',
          content: domain
        },
        {
          name: 'twitter:title',
          content: title
        },
        {
          name: 'twitter:description',
          content: description
        },
        {
          name: 'twitter:image',
          content: logo
        }
      ],
      link: [
        { rel: 'canonical', href: domain },
        { rel: 'icon', href: logo },
        { rel: 'shortcut icon', href: logo },
        { rel: 'apple-touch-icon', href: logo },
        { rel: 'icon', type: 'image/x-icon', href: favicon }
      ]
    }
  }
}

无法将任何参数直接传递到
head()
方法中,但是
这是一个。无论是直接在页面上定义还是使用mixin定义
head()
,这都无关紧要。只需确保不要在单个页面上覆盖它。…

当然,
mixin
将采用包含的组件的上下文。