how to handle @change @input events?

[nPaul]

my old input
 <input type="number" v-model="item.value" @change="my_calc(item)"/>

i change to the-mask component
 <the-mask mask="##########" type="number" v-model="item.value" @change="my_calc(item)"/>

but in component the-mask event @change not handle!

got error in browser console
vue-the-mask.js:1 Uncaught DOMException: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('number') does not support selection. at HTMLInputElement.e.oninput

[gabrielpeixoto]

Try
<the-mask mask="##########" type="number" v-model="item.value" @change.native="my_calc(item)"/>

https://vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components

[xgqfrms]

input

    <input
        @click="onInputClick"
        @change="onInputChange"
        @input="onInputChange"
        v-model="input"
        class="chatroom-footer-input"
    />

[zaratedev]

Thank you! @gabrielpeixoto

My the-maks is

<the-mask id="card_date" @keydow.native="errors.clear(card.date)" />