Uni-app v-on监听事件

摘要:
使用标记上的v-on监视事件。缩写为@click common click events方法:方法:{Focus(){console.log;},blur(){console.log;},confirm(){console.log;},click(){console.log;},tap(){console.log;},longpress(){console.log;},touchcancel(){console.log;},touchmove(){console.log;}}浏览器上的点击事件将覆盖手机上同时存在的点击事件

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

免责声明:文章转载自《Uni-app v-on监听事件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Oracle11g温习-第七章:redo日志beego下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

RabbitMQ消息可靠性传输

消息的可靠性投递是使用消息中间件不可避免的问题,不管是使用kafka、rocketMQ或者rabbitMQ,那么在RabbitMQ中如何保证消息的可靠性投递呢? 先再看一下RabbitMQ消息传递的流程图: 从上面的图可以看到,消息的投递有三个对象参与: 生产者 RabbitMQ(broker) 消费者 那么消息的可靠性传输也主要是针对以上三个对象来...

SweetAlert拒绝单一的弹出警告框

今天是工作的第一个月零八天了。还在开发一个网上商城的项目,在做订单操作的时候需要询问客户是否需要做这样的操作 然而单一JavaScript的confirm的提示框实在是不好看,然后从网上看了看,找到了美化插件 SweetAlert 下载地址:http://files.cnblogs.com/files/wuxiang/sweetalter.zip 插入J...

如何搭建一个vue项目(完整步骤)

转载:https://www.cnblogs.com/hellman/p/10985377.html 一、安装node环境   1、下载地址为:https://nodejs.org/en/   2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功      3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.or...

小程序实现单选多选功能

小程序的单选组件radio和多选组件checkbox的样式只提供更改颜色,这对实际项目中的需求显然是不够的,所以自己模拟实现一个。 踩坑点:小程序不支持操作dom 1、模拟实现多选框: 实现思路:思路非常简单,给每个选项绑定checked属性,类型为布尔值,点击取反即可 <!--wxml--> <view class='wrap'>...

数据包从物理网卡流经 Open vSwitch 进入 OpenStack 云主机的流程

目录 文章目录 目录 前言 数据包从物理网卡进入虚拟机的流程 物理网卡处理 如何将网卡收到的数据写入到内核内存? 中断下半部分软中断处理 数据包在内核态 OvS Bridge(Datapath)中的处理 veth pair 的工作原理 将数据包交给 Linux Bridge 处理 将数据包送入虚拟机 tap 口 tap 口的数据包处理流程 vho...

高并发的场景下,如何保证生产者投递到消息中间件的消息不丢失

  生产端如何保证消息不丢失的问题 在消息的生产端,如果投递的消息出去在网络传输过程中丢失,或者在RabbitMQ内存中,还没有写入磁盘的时候,发生宕机,都会导致生产端,投递到MQ的数据丢失。     保证消息不丢失的confirm机制 在生产端,首先要开启一个confirm机制, 接着投递到队列中的消息,如果MQ一旦将消息持久化到磁盘后,就必须要回传一个...