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

Posted 2023-02-16

【中文标题】如何使用 vuejs 翻译从 Api 获取的对象

【英文标题】：How translate an object taken from Api with vuejs

【发布时间】：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', ''))

【参考方案1】：

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

【讨论】：

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

【参考方案2】：

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

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