how to bind image onerror event

When the image url is returned 404, it will triggere onerror event.
I want to use it as such, but it does not take effect

``` js
<template>
   <img :src="avatarUrl" @onerror="imageLoadOnError" />
</template>
<script>
export default {
    methods: {
      imageLoadOnError () {
        this.avatarUrl = DEFAULT_AVATAR
      }
    }
}
</script>
```
