vue click.stop阻止点击事件继续传播
2017-11-14 18:36
309 查看
<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 click.stop阻止点击事件继续传播的方法
- js阻止冒泡事件继续传播
- JS 传播事件、取消事件默认行为、阻止事件传播
- JS传播事件、取消事件默认行为、阻止事件传播详解
- JS 阻止点击事件
- JS阻止事件的传播行为
- js实现冒泡事件,点击ul给子标签添加相同事件和阻止冒泡事件
- 太扯了,select 正常无事件点击下拉,ie8竟然认为弹窗阻止了....
- 点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件
- 深入React事件系统(React点击空白部分隐藏弹出层;React阻止事件冒泡失效)
- DOM2级点击事件的事件流的阻止
- js阻止事件的传播
- 点击其它地方隐藏div/事件冒泡/sweet-alert阻止冒泡
- [JS]笔记12之事件机制--事件冒泡和捕获--事件监听--阻止事件传播
- 点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件, jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态
- React点击空白部分隐藏弹出层;React阻止事件冒泡失效)
- Android登录成功后继续执行之前点击事件
- stopPropagation()方法阻止事件的向上传播?
- [Sencha Touch/ExtJS] (函数节流)阻止用户快速频繁点击,导致多次触发点击事件
- Js阻止事件冒泡 弹出层后点击body区域层消失