用vuejs在select中翻译文本

Question

我想用vuejs翻译select选项中的文本，我该怎么办？

data: () => {
        
          hiring_types: [
           { value:'contract', text: 'contract'},
            {value:'vat', text: 'vat'}
          ],
    }

模板：

          <b-form-select
              v-model="form.contract_data.hiring_type"
              :options="hiring_types"
              @input="setSelected"
              id="hiring_types"
              :state="validate(form.contract_data.hiring_type)">
           </b-form-select>

Answer 1

用电脑就行。

假设'contract'和'vat'是现有的翻译键：

computed: {
  translatedOptions() {
    return this.hiring_types.map(i => ({ ...i, text: this.$t(i.text)}))
  }
}