Data binding Vue.js:在文本字段中插入值,但不';别绑它
我面临一个有趣的问题:我有一个表单,我想在其中插入旧值(如果该表单以前提交过),如下所示:Data binding Vue.js:在文本字段中插入值,但不';别绑它,data-binding,vue.js,Data Binding,Vue.js,我面临一个有趣的问题:我有一个表单,我想在其中插入旧值(如果该表单以前提交过),如下所示: <input type="text" :value="oldName" id="name" /> 现在的问题是,我不能像这样覆盖oldName变量,所以是的,我有旧的值,但我不能再更改它了。你能想出一个解决办法吗?我基本上希望该值位于textfield中,但我希望用户能够更改它。谢谢大家! 听起来向输入字段添加v-once可以解决您的问题。V-once意味着oldName将用于呈现值一次
<input type="text" :value="oldName" id="name" />
现在的问题是,我不能像这样覆盖oldName变量,所以是的,我有旧的值,但我不能再更改它了。你能想出一个解决办法吗?我基本上希望该值位于textfield中,但我希望用户能够更改它。谢谢大家! 听起来向输入字段添加v-once可以解决您的问题。V-once意味着oldName将用于呈现值一次,但之后将是普通字符串文字
<input type="text" :value="oldName" id="name" v-once/>
如果希望用户能够修改值,请使用v-model而不是v-bind。V-model提供了双向绑定,因此当用户在输入字段中写入内容时,它会反映在值中
<input type="text" v-model="oldName" id="name" v-once/>
这个想法很酷,适用于我最初描述的内容。非常感谢。但是,我的这个输入字段还有其他值需要重新呈现。所以我想要的是只对一个属性使用v-once,但这不起作用。@Hillcow修改了答案,以防我一开始误解哦,我的问题比我想象的要简单得多哈哈。非常感谢。