vue3 i18n动态获取key的实现方式

2025-09-17 08:54:44 作者：ana_9717

在Vue3项目中,使用i18n动态获取keyzh文件时,直接用中括号无效,需改用数组形式如$[key, 'zh'],明确指定语言代码以正确加载翻译

vue3 i18n动态获取key

项目中使用vue3 加 i18n，需要动态获取key

{
    zh: {
        a: '啊aaa'，
        b: 'bbb'，
        c: 'cccc'，
        d: 'dddd'，
    }
}

const test = [
    'a' , 'b', 'c', 'd'
]

<var-option
  v-for="item in test "
 :key="item"
:label="$t('zh[item]')"
 :value="item"
/>

<var-option
  v-for="item in test "
 :key="item"
:label="$t('zh.'+ item)"
 :value="item"
/>

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。