Vue.js vue v-for:在vue i18n中使用开关进行转换

Vue.js vue v-for:在vue i18n中使用开关进行转换,vue.js,vue-i18n,Vue.js,Vue I18n,我在使用vue i18n翻译通过“v-for”调用的信息时遇到问题,模板中的所有数据翻译都没有问题,但通过数组和脚本导出的数据不会呈现 我使用的是vue-i18n:version 7.8.1您仅在创建组件时设置了helpTitles属性 我建议在模板中使用$t(),而不是在data()中使用。然后它将自动对更改做出反应 老实说,我不认为使用翻译文件中的数组是一个好主意。我更倾向于添加他们自己的键,就像你的问题和信息翻译键一样,例如 helpStartedTitle:“入门-模型”, helpMe

我在使用vue i18n翻译通过“v-for”调用的信息时遇到问题,模板中的所有数据翻译都没有问题,但通过数组和脚本导出的数据不会呈现


我使用的是vue-i18n:version 7.8.1

您仅在创建组件时设置了
helpTitles
属性

我建议在模板中使用
$t()
,而不是在
data()
中使用。然后它将自动对更改做出反应

老实说,我不认为使用翻译文件中的数组是一个好主意。我更倾向于添加他们自己的键,就像你的问题和信息翻译键一样,例如

helpStartedTitle:“入门-模型”,
helpMembersTitle:“成员”,
helpAccountTitle:“帐户”,
//等
然后可以像这样在数据中设置键

数据:()=>{
常量键=[
“帮助启动”,
“帮助成员”,
“帮助帐户”,
“帮助付款”,
“社会帮助”,
“帮助欺诈”,
“帮助支持”,
“帮助工作室”
]
返回{
helpInfo:keys.map((key,id)=>({
身份证件
title:`general.help.${key}title`,
问题:`general.help.${key}`,
回答:`general.help.${key}信息`
}))
}
}
然后在模板中


{{$t(help.title)}:

更好的方法是将翻译键传递给您的
帮助项
组件,并使用
$t()


帮助项中

导出默认值{
名称:“帮助项”,
道具:{
问题:字符串,,
答:字符串,,
数字:数字
},
//等
}

{{$t(问题)}
{{$t(答案)}



仅供参考,我已将
answear
改为
answer

能否请您展示您看到的内容并解释您希望看到的内容?另外,您使用的是什么版本的vue-i18n?嗨,Phil,在问题中添加图像和vue-i18n版本我希望您能帮助我,谢谢,非常感谢,我试图翻译的部分工作得非常好,但是当我更改模板中的代码时,问题和信息没有显示,关键点是正确的,这可能是一个小的编程错误,真的非常感谢你,muchI昨天检查过了,但是我仍然有一个问题,无法将字符串发送到组件,我尝试了你向我显示的两种方法,但是它们没有显示在应用程序中,很抱歉,我是vuejs中的新成员。