用于 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 将不得不重新渲染每一行
当我的 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 将不得不重新渲染每一行