Here is the code snippet representing a text field:
<v-text-field v-model="input" placeholder="(0 - 200)">
</v-text-field>
The Vue.js data section includes:
export default {
data () {
return {
input: '',
proposed: 0
}
}
}
I am trying to modify the placeholder text to appear like this:
placeholder="Proposed quantity: 2 (0 - 200)"Various attempts were made to incorporate the proposed variable, such as:
a) placeholder="Proposed quantity: {proposed} (0 - 200)"
b) placeholder="Proposed quantity: `${proposed}` (0 - 200)"
c) placeholder="Proposed quantity: " + proposed + " (0 - 200)"
Unfortunately, none of these methods proved successful.
Do you have any alternative suggestions that could solve this issue?