如何使用 vuejs 翻译 select 选项

Question

我想翻译在 contract_project_type 数组中找到的选项，

这是我的 select 代码：

<b-form-select
              :options="contract_project_types"
              v-model="form.contract_data.contract_project_type"
              id="contract_project_types"
              :state="validate(form.contract_data.contract_project_type)"

          ></b-form-select>

我的数据是：

data: {
contract_project_types: [
      'digital_work_city',
      'general_company'
      ]
}

我不知道如何翻译这两个选项。 我试着把 this.$t('digital_work_city') this.$t('general_company') 但它不起作用

Answer 1

尝试在模板之外时从 this 上下文中获取 $t。

data() {
    return { contract_project_types: [
      this.$t('digital_work_city'),
      this.$t('general_company')
      ]
    }
}

你也可以试试

this.$i18n.t('digital_work_city')

Answer 2

试试这个。可能是，换语言没反应。

computed: {
    contract_project_types() {
         return [
           this.$t('digital_work_city'),
           this.$t('general_company')
      ];
    }
}