在标签上使用v-on可以监控事件。比如v-on:click可以监听标签的点击事件。简写成@click
常见的点击事件
<input @focus="focus" @blur="blur" @confirm="confirm" @click="click" @tap="tap" @longpress="longpress" @touchcancel="touchcancel" @touchmove="touchmove" />
方法:
methods: { focus(){ console.log("聚焦"); }, blur(){ console.log("失去焦点"); }, confirm(){ console.log("回车确认"); }, click(){ console.log("单击事件"); }, tap(){ console.log("触摸"); }, longpress(){ console.log("长时间按压"); }, touchcancel(){ console.log("触摸中断"); }, touchmove(){ console.log("触摸移动"); } }
浏览器上tap事件会覆盖click事件,手机端上同时存在