项目中使用vue3 加 i18n, 需要动态获取key
zh文件:
{
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"
/>