Как использовать значение переменной в качестве заполнителя в Vue с машинописью

Question

<input type="text" placeholder="{{fromTimeWindow}}" v-model="fromTimeWindow"/>

или <input type="text" v-bind:placeholder="{{fromTimeWindow}}" v-model="fromTimeWindow"/>

. Оба вышеприведенных кода выдают ошибку. Я хочу использовать значение переменной fromTimeWindow в качестве заполнителя.

Answer 1

Вам не нужно {{ }}, поскольку вы привязываете его к заполнителю. Чтобы решить эту проблему, измените свой код на этот.

<input type="text" :placeholder="fromTimeWindow" v-model="fromTimeWindow"/>

Answer 2

new Vue({
el: '#app',
data: () => {
  return {
    fromTimeWindow: 'Hey here is custom placeholder'
    }
}
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<input type="text" :placeholder="fromTimeWindow" />
</div>

Answer 3

Аааа .. Получил ответ от: Vue. js изменить заполнитель ввода текста в соответствии со значением v-модели .

Нам нужно использовать это так:

<input type="text" :placeholder="[[fromTimeWindow]]" v-model="fromTimeWindow"/>