Vue阻止冒泡
2024-09-10 03:00:56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阻止冒泡</title>
<script src="js/vue.js"></script>
</head>
<body>
<div class="main" @click="a">
<span @click.stop="b">我是Span <i @click.stop="c">我是i</i></span>
</div>
<script>
var example1 = new Vue({
el:".main",
data: {
counter: 0
},
methods:{
a(){
alert('我是div');
},
b(){
alert('我是span');
},
c(){
alert('我是i');
}
}
})
</script>
</body>
</html>
最新文章
- 【JavaScript】--重点解析之跨域请求
- python中定义函数和参数的传递问题
- asp.net中gridview的checkbox使用总结
- Android动画学习笔记-Android Animation
- android 手风琴
- 设置函数环境——setfenv
- Linux下文件的三个时间(Atime,Mtime,Ctime)
- linux FILE 类型.
- UVA 1569 Multiple
- Mac + nginx + lua + luasocket + cjson
- “《编程珠玑》(第2版)第2章”:C题(查找变位词,排序)
- deepin linux 学习笔记(二)——文本编辑器
- 通过Visualizing Representations来理解Deep Learning、Neural network、以及输入样本自身的高维空间结构
- Spring的jdbc模板3:完成CURD操作
- 【C++ 继承与派生/知识梳理】
- Python中使用RabbitMQ
- 〖C语言学习笔记 〗(一) HelloWorld
- Expm 7_1树中的最大独立集问题
- Oracle 最新版本变化 转帖
- Oracle AP更新供应商