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/>