如何使用 vuejs 翻译从 Api 获取的对象答案

【问题标题】：How translate an object taken from Api with vuejs如何使用 vuejs 翻译从 Api 获取的对象
【发布时间】：2022-01-19 08:59:28
【问题描述】：

我有这些对象取自 Api

<div v-if="getError">
      <div v-for="(_errors, key) in getError">
       
        <b-alert show variant="danger" v-for="error in _errors">
          <h2>{{key.replace('contract_data.','')}} :</h2>
        <li>{{error}}</li>  </b-alert>
      
      </div>
    </div>

我的问题是如何翻译这些？我试着这样做：

<b-alert show variant="danger" v-for="error in _errors">
          <h2>{{$t('vue.'+key).replace('contract_data.','')}} :</h2>
        <li>{{$t('error')}}</li>  </b-alert>

但它不起作用

【问题讨论】：

嗨，我认为您在翻译发生后替换（删除）“contract_data”......我建议将替换放在 $t 函数括号内。例如。 $t('vue.'+key.replace(contract_data', ''))

标签： vue.js vuejs2 frontend

【解决方案1】：

const EXTERNAL_OBJECT = reactive({ name:"Bob", 列表：[{name:"Ivan"}] });

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

正如@Seididieci 在评论中提到的那样

$t('vue.'+key.replace('contract_data.',''))

【讨论】：