Ractive.jsで、押されたボタンをdisabledにするには？

Ractive.jsを使用しています。

ボタンのクリックで非同期処理を開始するので、二度押し防止のためにdisabledにしたいのですが、Ractive.jsではどのようにdisabledにするのが王道パターンなのでしょうか？

サンプルHTML

<script id="myTemplate" type="text/ractive">
    <button on-click="login">Log in</button>
</script>

これに対するJavaScript

var ractive = new Ractive({
    el : '#container',
    template : '#myTemplate',
}).on('login', function(e) {
    // ボタンが押された時の処理
    // 押されたボタンをdisabledにしたい
    // idを付けて、$('#loginButton').attr('disabled','disabled');
    // は、何か違う気がする。。。
});