Vue 中阻止冒泡和默认事件
来源:互联网 发布:层次方框图软件 编辑:程序博客网 时间:2024/06/05 05:47
使用原生的方式来阻止冒泡和默认事件很多人都知道了,而 Vue 虽然是数据驱动的 MVVM 框架,但是在项目需要的时候仍然要阻止冒泡和默认事件。一般的做法比如
<div> <div @click="show($event)"></div></div>// 这里简写了methods: { show (event) { // 阻止冒泡 event.stopPropagation(); // 阻止默认事件 event.preventDefault(); }}
Vue 提供了更加方便的写法来实现:
<!-- 阻止冒泡 --><div> <div @click.stop="show()"></div></div><!-- 阻止默认事件 --><div> <div @click.prevent="show()"></div></div>
更多的玩法等待挖掘…
阅读全文
1 0
- Vue 中阻止冒泡和默认事件
- vue.js阻止事件冒泡和默认事件
- vue事件对象、冒泡、阻止默认行为
- vue事件对象,冒泡,阻止默认行为
- vue--阻止冒泡、默认行为、键盘事件
- 阻止冒泡和默认事件
- javascript中冒泡事件和阻止默认事件
- JavaScript中事件捕获和事件冒泡以及如何阻止冒泡事件和默认事件
- js 阻止默认事件 和事件冒泡
- 阻止事件冒泡、捕获、和默认事件
- 如何阻止事件冒泡和默认事件
- 如何阻止事件冒泡和默认事件
- JavaScript阻止事件冒泡和默认事件
- 如何阻止冒泡事件和默认事件
- 阻止默认事件行为和事件冒泡
- 前端阻止事件冒泡和默认事件
- vue阻止事件冒泡
- js中阻止默认事件,阻止冒泡事件
- 解决Jenkins执行sudo命令时出现“sudo: no tty present and no askpass program specified”的错误
- 生产者与消费者问题
- 后台处理请求时间过长导致页面超时
- Python 列表生成式
- cmder使用配置记录
- Vue 中阻止冒泡和默认事件
- angualr4基础之组件生命周期
- 分类器评价指标——ROC曲线和AUC值
- 《PHP MySQL和WEB开发》笔记第十一章
- JAVA开发中字节转换问题(byte数组byte数组、合并、转换16进制)
- Eclipse:An internal error occurred during: "Build Project". GC overhead limit exceeded
- Couldn't reserve space for cygwin's heap, Win32 error 0
- 字符串的全排列问题的解决方法
- Ubuntu16.04环境下安装CUDA、cudnn、Caffe、Tensorflow、pytorch