码迷,mamicode.com
首页 > 其他好文 > 详细

vue---指令

时间:2018-04-04 23:18:10      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:back   mil   参数   blog   nbsp   点击   round   function   stop   

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

标签:back   mil   参数   blog   nbsp   点击   round   function   stop   

原文地址:https://www.cnblogs.com/sujianfeng/p/8718940.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!