Vue mustache 语法 - 是否可以使用变量作为对象的键？

Question

我是 Vue 的初学者。我需要按如下方式创建模板：

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

或

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

其中 message 是一个对象，language 是一个包含所选语言的字符串变量（例如 "en"）。

上面提到的代码不起作用（错误编译模板）。有解决办法吗？

编辑 – 示例：

假设我们有对象：message = {en: "Welcome"} 和字符串变量language = "en"。

那我要打印<h3>Welcome</h3>.

Answer 1

您可以使用 template literal:

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

前面的示例将打印：

message[{{language}}]

如果消息是可变的，使用${variable_name}:

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

你想用 like 吗？

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