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

Question

代码：

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

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

Answer 1

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

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

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