首页 > 其他 > 详细

vue---指令

时间:2018-04-04 22:47:44      阅读:209      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!