Javascript 使用用户语言环境访问json表中的良好语言环境

我有一个JSON表：

[
  {
    "fr": { "name": "chien", "name_plurial": "chiens" },
    "en": { "name": "dog", "name_plurial": "dogs" }
  },
  {
    "fr": { "name": "chat", "name_plurial": "chats" },
    "en": { "name": "cat", "name_plurial": "cats" }
  },
]

我有一个.vue文件，或者我导入此文件并在其中执行v-for以恢复数据

<template>
<div>
          v-for="(specie, index) in species"
          :key="index"
          :label="specie.en.name | capitalize"
          :value="specie.en.name">
</div>
</template>

import Species from '~/static/data/species.json'

export default {
        data() {
            return {
                species: Species,
            }
        },
}

v-for=“（物种，索引）物种”
：key=“index”
：label=“specie.en.name |大写”
：value=“specie.en.name”>
从“~/static/data/Species.json”导入物种
导出默认值{
数据（）{
返回{
种类:种类,，
}
},
}

我想根据我的用户

user.lang

的语言检索区域设置

怎么做

---

谢谢大家!

不确定，但您可以在

return

语句中使用

不知何故：

const用户={
朗：“恩”
};
常数物种=[
{
“fr”：{“name”：“chien”，“name_plurial”：“chiens”}，
“en”：{“name”：“dog”，“name_plurial”：“dogs”}
},
{
“fr”：{“name”：“chat”，“name_plurial”：“chats”}，
“en”：{“name”：“cat”，“name_plurial”：“cats”}
},
];
const result=species.map（e=>{
设elem={}；
elem[user.lang]=e[user.lang]
返回元素；
});
控制台日志（结果）只需添加
specie[
${local}
]
即可显示所需的本地语言

像这样？（示例
en
）


newvue({
el:“应用程序”，
数据：{
本地:"嗯",，
种类：[
{
神父：{姓名：“简”，姓名“简”}，
恩：{名字：“狗”，名字“狗”}
},
{
fr:{name:“chat”，name_plurial:“chats”}，
恩：{名字：“猫”，名字“猫”}
}
]
},
})

{{本地}}语言

{{{specie[`${local}`].name}

您是否尝试过
：label=specie[navigator.language]