Vue v-text directive: concatenate text from multiple variables

Question

I am trying to concatenate two string values into a element, with no success thus far. This works fine:

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

But I need to concatenate the following to $route.name somehow: ' (' + {{sitename}} + ')' so that the value of local variable sitename follows the route name.

Is this possible to do in the v-text directive, or do I have to jump through hoops to assemble the string elsewhere?

hatef · Accepted Answer · 2020-09-10 19:54:30Z

2

I believe you could do something like this:

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

If you'd like to read more about string concatenation in ES6 you can have a look at this article.

answered Sep 10, 2020 at 19:54

hatef

6,30930 gold badges47 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

Vue v-text directive: concatenate text from multiple variables

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related