uniapp笔记--事件的绑定和执行。

事件的绑定

• • • 绑定方法
    • 其他事件补充

绑定方法

v-on:
v-on:click=xxx()：当点击时触发事件函数，（）内可以传参
当点击时触发切换事件，如果是开就关掉转圈样式如果是关就开启转圈样式，
如果没有传递参数，默认会有一个e，事件对象
如果传递参数了，还想拿到事件对象可以通过v-on:click=xxx(num,$event)传递事件对象$event代表的就是事件对象
简写：v-on:click => @click

<template><view class="main"><button :loading="searchFlag"  v-on:click="changeFlag()">搜索button>view>
template><script>export default {data() {return {searchFlag: true}},methods: {changeFlag(){this.searchFlag=this.searchFlag?false:true}}}
script>

其他事件补充

click: ‘tap’,　　　　　　　　　　点击事件
touchstart: ‘touchstart’,　　　　触摸事件
touchmove: ‘touchmove’,　　　　　　触摸滑动
touchcancel: ‘touchcancel’,　　　　　触摸被取消
touchend: ‘touchend’,　　　　　　　　　　触摸结束
tap: ‘tap’,　　　　　　　　　　　
longtap: ‘longtap’,　　　　　　　　
input: ‘input’,
change: ‘change’,
submit: ‘submit’,
blur: ‘blur’,
focus: ‘focus’,
reset: ‘reset’,
confirm: ‘confirm’,
columnchange: ‘columnchange’,
linechange: ‘linechange’,
error: ‘error’,
scrolltoupper: ‘scrolltoupper’,
scrolltolower: ‘scrolltolower’,
scroll: ‘scroll’

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！