Concatenate text to get variable name VUE2

Question

In a Vue2 component i have a language array witch have all translated texts

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

I need to show the language text based in a received value from item.number the value can be one, two...

I try this but in the case item.number is one this return me translated.oneText value not Text one

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

And this obviously return an error when runs...

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

Kiran Shinde · Accepted Answer · 2018-02-21 09:06:50Z

1

Have you tried

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

answered Feb 21, 2018 at 9:06

Kiran Shinde

6,0326 gold badges30 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1