Question

我想阻止Ractive更新DOM直到iput字段模糊事件之后。默认情况下，只要在字段中键入或删除字符，Ractive就会更新DOM。更改相关字段会导致计量API调用，因此减少调用次数至关重要。我知道我可以显示一个不属于Ractive config.data的字段，但是可以显示其他问题。

这可能吗？我无法在Ractive文档中找到任何内容。

Answer 1

可以通过lazy选项进行控制，文档为here，这会限制更改和模糊事件：

var ractive = new Ractive({
    template: '<input value="{{foo}}">',
    data: { foo: 'bar' },
    lazy: true
});

// will not fire as user is typing
ractive.on('change', function(){
      // only happens on exiting <input> or return if submit
      console.log('changed!')
})

lazy选项也可以是specified per element，而不仅仅是组件级别。

<input value="{{foo}}" lazy="true" />

您还可以指定去抖动超时treshhold：

<input value="{{foo}}" lazy="1000" />

有没有办法阻止Ractive中的每个角色更新？

1 个答案: