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”

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

相关文章推荐

阻止click点击事件

网上查了后有一下几种实现方法1.css禁用鼠标点击事件.disabled { pointer-events: none; } 注:(这个没有试过)2.直接使用阻止事件的进行 ...

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

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

Android开发之PullToRefresh的Click点击事件的监听实现长按删除Item

本文为原创博客,出自http://blog.csdn.net/minimicall 到今天为止,搜芽的卖家版本应该来说已经基本完成,攻坚克难的一路过来。速度也控制的比较好。 项目过程进度 ...

使用js动态添加点击事件时,click与onclick的区别

使用js动态添加点击事件时,click与onclick的区别!!!!!

safari浏览器实现模拟click点击事件

在项目中经常会用到onclick点击事件触发效果,如给button按钮添加一个点击事件:点我 var btn = document.getElementById("btn"); bt...

[Android]View.post(),android7.0(sdk24以上)不执行的问题(部分Click点击事件无效的原因)

如果在android7.0(sdk 24及以上)开发过程中,如果你的view没有通过addView添加到视图的时候,就会导致对应view的点击事件无效,以及view.post不执行,可能就是本文原因了...

jQuery中关于超链接click点击事件的注意点

jQuery中关于超链接click点击事件的注意点

Extjs6.2系列之图片组件及click点击事件监听

很多人不知道,Extjs的新版本里已经推出了图片组件,xtype是image,具体可以查阅Extjs6.2的文档。下面给出一个实例(src在别处动态设置了): { xtype:'image',...

Android chart、图表、条形图、饼图 pie chart 等的实现及点击事件、监听器的实现 click ,achartengine

最近需要在自己的android应用上实现统计图的功能,后来定位实现饼图(扇形图),网上虽然有很多的例子和各种实现方法,但是就老是没有找到一个可以在统计图尤其是饼图中实现点击(click)功能的demo...

Android chart、图表、条形图、饼图 pie chart 等的实现及点击事件、监听器的实现 click ,achartengine

关键词:android,achartengine,pie chart,click,点击,监听器  最近需要在自己的android应用上实现统计图的功能,后来定为要实现饼图(扇形图),网上虽然有很...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:vue click.stop阻止点击事件继续传播
举报原因:
原因补充:

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