连接文本以获取变量名称VUE2

时间:2018-02-21 09:02:30

标签: javascript arrays vuejs2

在Vue2组件中,我有一个包含所有翻译文本的语言数组

"translated": {
    "oneText": "Text one",
    "twoText": "Text two"
}

我需要根据item.number的收到价值显示语言文字,价值可以是一,二......

我试试这个,但在item.numberone的情况下,这会让我translated.oneText的值不是Text one

<span>{{ 'translated.' + item.number + 'Text' }}</span>

这显然会在运行时返回错误...

<span>{{ translated. + item.number + Text }}</span>

1 个答案:

答案 0 :(得分:1)

你试过吗

{{ translated[item.number + "Text"] }}