事件修饰符
- stop 的使用会阻止冒泡，但是同时绑定了一个非冒泡事件，会导致该元素上的catchEventName失效。
- prevent 可以直接干掉，因为uni-app里没有什么默认事件，比如submit并不会跳转页面。
- self 没有可以判断的标识
- once 也不能做，因为uni-app没有removeEventlistener,虽然可以直接在handleProxy中处理，但非常的不优雅，违背了原意，暂不考虑
- 按键修饰符：uni-app运行在手机端，没有键盘事件，所以不支持修饰符。
事件绑定 @click
<template>
<view>
<view class="demo" @click="clickTest" @longtap="longtap">
</view>
</view>
</template>
<script>
var _self;
export default{
data(){
return{
}
},
onLoad() {
_self=this;
},
methods:{
//点击事件
clickTest:function(e){
console.log(‘click‘);
},
//长安事件
longtap:function(e){
console.log(‘longtap‘);
}
}
}
</script>
<style>
.demo{
width: 600px;
height: 600px;
background: #8F8F94;
}
</style>
事件传参（动态参数）：e.target.id
<template>
<view>
<view
v-for="(item,index) in students"
class="persons"
@click="menuClick"
v-bind:id="index"
>
{{index}}----{{item.name}}
</view>
</view>
</template>
<script>
var _self;
export default{
data(){
return{
students:[
{name:"张三"},
{name:"李四"}
]
}
},
onLoad() {
_self=this;
},
methods:{
//点击事件
menuClick:function(e){
//获取参数id值
console.log(e.target.id);
},
}
}
</script>
<style>
.demo{
width: 600px;
height: 600px;
background: #8F8F94;
}
</style>