使用i18n-iso-countries的Nuxtjs

Question

我正在尝试使用i18n-iso-countries来获取国家/地区列表

我通常做的事情

/plugins/i18nCountries.js
import countries from 'i18n-iso-countries'

console.log(countries.getNames('en'))

function getNames (locale) {
  return countries.getNames(locale)
}



export default ({ app }, inject) => {
  inject('getNames', (locale) => { return getNames(locale) })
}

console.log(countries.getNames('en'))语句将国家/地区名称列表打印到控制台

但是，当我在vue页面/组件中时

//somecomponent.vue
<template>
  ...
</template>

<script>

export default {
  created () {
    console.log(this.$getNames('en'))
  },
}
</script>

它打印出{}

我可以做些什么来使这个库可以在客户机上访问？

Answer 1

你需要注册你想要使用的语言。如果您将以下内容放在导入行下面，它应该可以工作：

countries.registerLocale(require("i18n-iso-countries/langs/en.json"));