有没有办法在 Ractive 中停止每个角色的更新?
Is there a way to stop per character updates in Ractive?
我想阻止 Ractive 在输入字段模糊事件之前更新 DOM。默认情况下,Ractive 会在任何时候在字段中输入或删除字符时更新 DOM 。更改有问题的字段会导致按流量计费的 API 调用,因此减少调用次数至关重要。我知道我可以显示一个不属于 Ractive config.data 的字段,但会引起其他问题。
这可能吗?我在 Ractive 文档中找不到任何内容。
可以通过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" />
您还可以指定去抖超时阈值:
<input value="{{foo}}" lazy="1000" />
我想阻止 Ractive 在输入字段模糊事件之前更新 DOM。默认情况下,Ractive 会在任何时候在字段中输入或删除字符时更新 DOM 。更改有问题的字段会导致按流量计费的 API 调用,因此减少调用次数至关重要。我知道我可以显示一个不属于 Ractive config.data 的字段,但会引起其他问题。
这可能吗?我在 Ractive 文档中找不到任何内容。
可以通过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" />
您还可以指定去抖超时阈值:
<input value="{{foo}}" lazy="1000" />