Vue小胡子语法-是否可以将变量用作对象的键?

时间:2018-11-24 16:34:46

标签: vue.js vuejs2 mustache

我是Vue的初学者。我需要如下创建模板:

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

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

其中message是对象,而language是包含所选语言(例如“ en”)的字符串变量。

以上提到的代码不起作用(错误编译模板)。有什么解决办法吗?

编辑-示例:

让我们说我们有一个对象:message = {en: "Welcome"}和字符串变量language = "en"

然后我要打印<h3>Welcome</h3>

1 个答案:

答案 0 :(得分:1)

<罢工> 您可以使用ic_launcher.png

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

前面的示例将打印:

message[{{language}}]

如果消息是可变的,请使用${variable_name}

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

您要使用点赞吗?

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