在 Vue 插件中访问 Nuxt.js 上下文

Question

我正在使用 Nuxt.js，并且安装了两个插件。 我需要从 validate.js 中的 lang.js 访问 VueI18n 实例

有人知道怎么做吗？

---

lang.js

Vue.use(VueI18n)

export default ({ app }) => {
  app.i18n = new VueI18n({
    locale: 'en',
    messages
  })
}

---

validate.js

Vue.use(VeeValidate, {
  i18nRootKey: 'validations',
  i18n,  // access the VueI18n instance from plugin above
  dictionary: {
    en: validationMessages
  }
})

export default ({ app }) => {
  // This way I could get the instance but how to add it to the plugin?
  console.log(app.i18n)
}

Answer 1

只需将你的 vue.use 移到 export default 中

export default ({ app }) => {

Vue.use(VeeValidate, {
  i18nRootKey: 'validations',
  i18n: app.i18n,  // access the VueI18n instance from plugin above
  dictionary: {
    en: validationMessages
  }
})
}