如何使用 typescript 在 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

啊哈..得到了答案：Vue.js 根据 v-model 值更改文本输入的占位符 。

我们需要像这样使用它：

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