vue.js - Vue v-text 指令：连接来自多个变量的文本

Question

我正在尝试将两个字符串值连接到一个元素中，但到目前为止没有成功。这工作正常：

    <v-toolbar-title
      class="hidden-sm-and-down font-weight-light"
      v-text="$route.name"
    />

但是我需要以某种方式将以下内容连接到 $route.name ： ' (' + {{sitename}} + ')' 以便局部变量 sitename 的值遵循路由名称。

这可以在 v-text 指令中执行，还是我必须跳过箍在其他地方组装字符串？

标签： vue.jsvuetify.js

Answer 1

我相信你可以做这样的事情：

v-text="`${$route.name}(${sitename})`"

如果您想了解更多关于 ES6 中字符串连接的信息，可以查看这篇文章。