Как отобразить динамический текст заполнителяв Vuetify?

Question

Текстовое поле выглядит примерно так:

<v-text-field v-model="input" placeholder="(0 - 200)">
</v-text-field>

Vue.js data содержит:

export default {
data () {
    return {
        input: '',
        proposed: 0  
        }
    }
}

Я бы хотел, чтобы заполнитель отображал что-то вроде этого:

placeholder="Proposed quantity: 2 (0 - 200)"

Попытка установки переменной proposed с помощью, например:

a) placeholder="Proposed quantity: {proposed} (0 - 200)"
b) placeholder="Proposed quantity: `${proposed}` (0 - 200)"
c) placeholder="Proposed quantity: " + proposed + " (0 - 200)"

и ничего не получилось.

Есть еще идеи и предложения?

Answer 1

Вы должны привязать placeholder к вашему объекту данных, используя : или v-bind:placeholder ..., например:

  :placeholder="'Proposed quantity: '+proposed+ ' (0 - 200)'"

или

  v-bind:placeholder="'Proposed quantity: '+proposed+ ' (0 - 200)'"