vue---指令

Posted sujianfeng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue---指令相关的知识,希望对你有一定的参考价值。

  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---指令的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段2——.vue文件的模板