vue---指令
阿新 • • 發佈:2018-04-05
script gpo mil spa 參數 span body event style
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 阻止默認事件
vue---指令