Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Data binding Vue.js:在文本字段中插入值,但不';别绑它_Data Binding_Vue.js - Fatal编程技术网

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修改了答案,以防我一开始误解哦,我的问题比我想象的要简单得多哈哈。非常感谢。