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

Slow v-model for buefy input, v-model.lazy not working either

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

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

我尝试使用 v-model.lazy,但它似乎不适用于 b-input(buefy 输入字段)。

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

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

有人能想出 Vue 中的解决方案吗?

所以发现 v-model.lazy 不适用于自定义组件(似乎 Vue 将其限制为自定义组件),也就是说你需要 :value + @change.native

下面是一个例子:

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

我在 b-table.

的组件中遇到了速度慢 b-input 的相同问题

出于某种原因,即使我使用 <input v-model="item.value">,还是很慢。

通过使用此输入创建子组件解决了这个问题

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