Синтаксис Vue усов - возможно ли использовать переменную в качестве ключа к объекту?

Question

Я новичок в Vue.Мне нужно создать шаблон следующим образом:

<h3>{{message[{{language}}]}}</h3>

или

<h3>{{message.{{language}}}}</h3>

, где message - это объект, а language - строковая переменная, содержащая выбранный язык (например, «en»).).

Вышеупомянутый код не работает (ошибка компиляции шаблона).Есть ли какое-нибудь решение для этого?

EDIT - Пример:

Допустим, у нас есть объект: message = {en: "Welcome"} и строковая переменная language = "en".

Тогда я хочу напечатать <h3>Welcome</h3>.

Answer 1

Вы можете использовать шаблонный литерал :

<h3>{{`message[{{language}}]`}}</h3>

В предыдущем примере будет напечатано:

message[{{language}}]

А если сообщение является переменным, используйте${variable_name}:

<h3>{{`${message}[{{language}}]`}}</h3>

Вы пытаетесь использовать как?

<h3>{{message[language]}}</h3>