ractivejs表取消操作

Question

这是一个demo

 cancel:function(event){
     this.set(event.keypath+".editing",false);
}

当我点击“取消”按钮时，因为是双向绑定，数据实际上是更新的，如何实现取消操作？

还有其他优雅的方式吗？

Answer 1

井。在我看来，您目前的解决方案还不错。但是，如果您愿意，也可以在".editing“上使用ractive.toggle()。比如this。

 toggleEdit:function(event){
     this.toggle(event.keypath+".editing");
}

Answer 2

绑定事件时，可以直接调用ractive方法，而不是代理事件：

​

<button class="btn btn-default" on-click="toggle(event.keypath + '.editing')">cancel</button>

​

如果您只需要这样取消，那么直接调用一个方法可以减少您的代码大小(您不需要定义代理事件)并提高可读性。