1. 程式人生 > >vue---指令

vue---指令

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---指令