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

时间:2019-05-24 16:32:37

标签: input v-model buefy

我有几个输入框,当按我的bufy形式触发一个GO按钮时,该输入框通过v模型连接到数据,该按钮已连接到buefy数据表。

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

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

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

当我将分页设置为每页50个结果时,没有滞后,但是我的问题是我无法获得50个结果,而我必须每页有250个结果。

有人可以在Vue中想到解决方案吗?

3 个答案:

答案 0 :(得分:0)

所以弄清楚v-model.lazy无法用于自定义组件(似乎Vue限制了它用于自定义组件),也就是说,您需要使用:value + @change.native

,下面是一个示例:

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

答案 1 :(得分:0)

b-input组件中,我遇到了一个慢b-table的问题。

由于某些原因,即使我使用了 <input v-model="item.value">,它仍然很慢。

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

答案 2 :(得分:0)

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