Vue.js：插入值到文本框，但不將其綁定

Question

我面臨着一個有趣的問題：我有我想要的插入舊值（如果形式提交之前）形式是這樣的：

<input type="text" :value="oldName" id="name" /> 

現在的問題是，我不能像這樣覆蓋oldName變量，所以是的，我有舊的值，但我不能再改變它了。你能想出一個解決方案嗎？我基本上希望該值在文本字段中，但我希望用戶能夠更改它。謝謝！

Answer 1

聽起來像添加v-一次輸入字段將解決您的問題。 V-once意味着oldName將用於呈現一次值，但在此之後它將成爲普通的字符串文字。

<input type="text" :value="oldName" id="name" v-once/> 

如果您希望用戶能夠修改值使用v模型而不是v-bind。 V模型提供了雙向綁定，因此當用戶在輸入字段中寫入某些內容時，它會反映在值中。

<input type="text" v-model="oldName" id="name" v-once/>