vue.js - 如何等待用户使用 v-model 输入 vue 输入

Question

代码：

<input type = "number" min="10" max="90" value="50" v-model="preview_width"/>

我的网站根据“preview_width 值”更改 2 个组件的宽度。当我更改输入值时，网站会移动并且不会让用户以友好的方式输入正确的值。我的问题是：如何在用户按下“Enter”后或在他停止定位此输入后编辑“preview_value”？

标签： vue.js

Answer 1

v-model有一个.lazy修饰符，它将在更改事件后同步数据：

<input type = "number" min="10" max="90" value="50" v-model.lazy="preview_width"/>

您可以在此处阅读文档：https ://vuejs.org/v2/guide/forms.html#lazy