input - 用于 buefy 输入的慢 v-model，v-model.lazy 也不起作用

Question

当连接到我的 buefy 数据表的 buefy 表单中触发 GO 按钮时，我有几个输入框通过 v-model 连接到数据。

我的表中的行可以是 2000 到 3000，我的分页不能少于每页 250。

我尝试使用v-model.lazy，但似乎不起作用b-input（buefy 输入字段）。

现在的问题是输入的初始填充一点也不慢，但是当表已满并且用户尝试编辑输入字段时，字段会出现延迟。

当我将分页设置为每页 50 个结果时，没有滞后，但我的问题是我不能有 50 个结果，我必须每页有 250 个结果。

谁能想到 Vue 中的解决方案？

Answer 1

所以发现 v-model.lazy 不适用于自定义组件（似乎 Vue 限制了自定义组件），也就是说你需要有:value+@change.native

下面是一个例子：

:value="data"
@change.native="data = $event.target.value"

Answer 2

我遇到了b-input与b-table.

出于某种原因，即使我使用过 <input v-model="item.value">，它仍然很慢。

我通过使用此输入创建子组件来解决此问题。

Answer 3

您必须创建一个单独的行组件，这样 vue 只需在更改时重新呈现您的一行。否则 vue 将不得不重新渲染每一行