vue学习-事件处理

1：绑定监听 

<button @click="test('dsad',$event)"></button> <script> test(value,e){ console.log(value+e.target.innerHTML) } </script>

 2：事件修饰符

阻止(prevent)事件的默认行为

停止(stop)事件冒泡

<a href="http://www.baidu.com" @click.prevent="test"></a> <div @click="alert(1)"> <div @click.stop="alert(2)"></div> </div> <div @click.once="alert(1)"> </div> test(){ alert('----') }

3:按键修饰符

 

<input @keyup="test"> <input @keyup.13="test1"> <input @keyup.enter="test1"> test1(){ alert(1) }, test(e){ //判断按键keyCode if(e.keyCode===13){ alert(1) } }