1. 程式人生 > >vue的.native 修飾 ,解決iview中input 無法監聽enter事件

vue的.native 修飾 ,解決iview中input 無法監聽enter事件

有時候,你可能想在某個元件的根元素上監聽一個原生事件。可以使用 .native 修飾 v-on 。例如:

直接寫成下面這樣enter事件將無效

<Input type="password" v-model="password" placeholder="password" @keyup.enter="handleSubmit()">
    <Icon type="ios-locked-outline" slot="prepend"></Icon>
</Input>

下邊這樣寫,就能監聽到enter事件啦(新增一個.native修飾符

<Input type="password" v-model="password" placeholder="password" @keyup.enter.native="handleSubmit()">
    <Icon type="ios-locked-outline" slot="prepend"></Icon>
</Input>