码迷,mamicode.com
首页 > 其他好文 > 详细

Vue阻止冒泡

时间:2017-10-13 17:07:14      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:meta   src   冒泡   vue.js   span   cli   oct   阻止冒泡   char   

<!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>

Vue阻止冒泡

标签:meta   src   冒泡   vue.js   span   cli   oct   阻止冒泡   char   

原文地址:http://www.cnblogs.com/qiuchuanji/p/7661716.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!