vue click.stop阻止点击事件继续传播

原创 2017年11月14日 18:36:18
<div id="app">
        <div v-on:click="dodo">
            <button v-on:click="doThis">阻止单击事件继续传播</button>
        </div>
    </div>

    <script>
        var app = new Vue({
            el: "#app",
            data: {
                name: "Vue.js"
            },
            methods: {
                doThis: function () {
                    alert("noclick");
                },
                dodo: function () {
                    alert("dodo");
                }
            }
        });
    </script>

将会先弹出“noclick”,再弹出“dodo”。

   <div id="app">
        <div v-on:click="dodo">
            <button v-on:click.stop="doThis">阻止单击事件继续传播</button>
        </div>
    </div>

    <script>
        var app = new Vue({
            el: "#app",
            data: {
                name: "Vue.js"
            },
            methods: {
                doThis: function () {
                    alert("noclick");
                },
                dodo: function () {
                    alert("dodo");
                }
            }
        });
    </script>

只弹出“noclick”

版权声明:本文为博主原创文章,未经博主允许不得转载。

vue.js中修饰符.stop的用法。

vue中用来阻止冒泡发生的方法,.stop修饰符的用法。
  • wangxiaoxiaosen
  • wangxiaoxiaosen
  • 2017年06月26日 10:10
  • 4098

vue项目,在进行点击的时候,如何屏蔽掉一些小的按钮,阻止冒泡

我们在进行表格的可点击时,前面往往带有复选框或者收藏按钮之类的,这时候就需要排除收藏按钮和复选框这些类。那么如何解决呢?采取的思路如下: 1.给复选框定义一个类型,type="selection" ...
  • qq_24122593
  • qq_24122593
  • 2017年01月19日 17:51
  • 7287

防止表单重复提交的方法

一、有很多的应用场景都会遇到重复提交问题,比如: 1、点击提交按钮两次。 2、点击刷新按钮。 3、使用浏览器后退按钮重复之前的操作,导致重复提交表单。 4、使用浏览器历史记录重复提交表单。...
  • kongjiea
  • kongjiea
  • 2014年08月27日 16:22
  • 3857

防止用户连续多次点击提交请求,防止对服务器造成负担

Document var timer = null; $('.btn').click(function() { //定义一个延时函数,用户不断点击会取消前...
  • oxgos
  • oxgos
  • 2017年07月20日 23:38
  • 247

vue绑定的点击事件阻止冒泡

当我们在使用vue做项目时,经常用到点击事件的绑定,但是我们绑在一个div上,里面的其他按钮(如删除、修改)等按钮也会加载这儿div的点击事件,而事实我们不需要,如何解决: 首先我们来区分事件冒泡、事...
  • LLDD2014425
  • LLDD2014425
  • 2017年03月01日 16:33
  • 5254

关于vue表单提交防双/多击

关于vue表单提交防双/多击
  • chern1992
  • chern1992
  • 2017年06月28日 10:28
  • 1541

vuejs-阻止事件冒泡与默认行为

阻止事件冒泡
  • longzhoufeng
  • longzhoufeng
  • 2017年07月21日 12:07
  • 578

前端防止按钮被多次点击

前端的部分逻辑有时候控制前端的显示,比如记录收藏数目等等。有时候多次重复点击会造成前端显示的bug。所以需要有部分逻辑判断去筛除掉重复多次的点击。 实现部分代码如下,主要是通过setTimeout去...
  • SDDCCCC
  • SDDCCCC
  • 2014年08月01日 16:50
  • 2677

vue.js怎样移除绑定的点击事件?

使用v-on:click绑定的事件如何移除??? 现在我的处理方式是: "flag && clickEvent()">p> 加上一个标志位来控制点击事件是否能触发. 也可以这样...
  • Tsingsn
  • Tsingsn
  • 2017年08月15日 16:07
  • 1723

vue,事件冒泡与取消默认事件

不解释,直接贴代码                        大按钮                                                    小按钮 ...
  • qq940853667
  • qq940853667
  • 2017年08月14日 00:00
  • 1083
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:vue click.stop阻止点击事件继续传播
举报原因:
原因补充:

(最多只允许输入30个字)