Uni-app v-on监听事件

在标签上使用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事件,手机端上同时存在

posted @ 2021-09-30 22:33  RookieCoderAdu  阅读(817)  评论(0编辑  收藏  举报