v-bind:href //a标签里的链接
v-on:click //点击事件
</head> <body> <div id="test"> <button v-on:click="show()">d</button> </div> <script> new Vue({ el:"#test", methods:{ show : function(e){ console.log(e); } } }); </script> </body>
如果是 v-on:click="show" 则能调用起事件对象,也就是这个e有效。
但是v-on:click="show()" 这样调用,e就无效了,加括号后要想使形参e有效,则需按vue提供的,填入$event.
v-on:click="show($event,a,b)" ,$event表示事件对象,如果其他参数,可以接着传入。
v-on:click.stop = "show" .stop表示阻止时间冒泡。
v-on:click.prevent 阻止默认事件