binding multiple properties to a textfield label in Vuetify
Or use template literals directly in the template as:
<v-text-field :value="`Our client, ${name}, is ${age} years old.`" outline readonly >
Also notice Mustaches cannot be used inside HTML attributes. That is, {{}}
won't work for attributes.
Use a computed field.
{ computed: { textFieldMsg() { return `Our client, ${this.name}, is ${this.age} years old.`; },}
HTML
<v-text-field :value="textFieldMsg" outline readonly >
Also, depending on what you're trying to do with the text field will determine which solution is best for you. Are the values of this.name
and this.age
changing depending on other input fields? Is this just static content for the life of the page? Etc...