Vue.js:字段值失去焦点后便会立即返回

时间:2019-05-17 14:53:40

标签: vue.js crud quasar-framework

我正在尝试一个非常简单的CRUD应用程序。但是,一旦失去焦点,在过滤器字段或在编辑对话框中输入的所有值都将返回默认值。这是一个片段:

<q-input v-for="field in fields" :value="input[field.name]"/></q-input>

我对Vue还是很陌生,但是我认为这对于有经验的用户来说应该很简单,但是我在StackOverflow或其他地方都找不到任何答案。检查一下:

https://codepen.io/rubem-pechansky/pen/PvjZMb

在此先感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

您需要使用v-model

<q-input v-for="field in fields" v-model="input[field.name]"/></q-input>

:value仅将数据设置为输入,但不会获取更新的数据。