vue事件的冒泡

最新推荐文章于 2024-01-03 14:52:53 发布

flybirding10011

最新推荐文章于 2024-01-03 14:52:53 发布

阅读量116

点赞数

版权所有©️都是我自己写哒！

本文链接：https://blog.csdn.net/cpongo1/article/details/81988526

版权

<script>

window.οnlοad=function(){

new Vue({

el:'#box',

data:{

},

methods:{

show:function(ev){

alert(1);

ev.cancelBubble=true;

//和原生的一样

},

show2:function(){

alert(2);

}

}

});

};

</script>

<div id="box">

<div @click="show2()">

<input type="button" value="按钮" @click="show($event)">

</div>

</div>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

下面第二种写法也可以给子元素加@click.stop

<div @click="show2()">

<input type="button" value="按钮" @click.stop="show()">

</div>

flybirding10011

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
vue事件的冒泡

&lt;script&gt; window.onload=function(){ new Vue({ el:'#box', data:{ }, methods:{ show:function(ev){ ...
复制链接

扫一扫

flybirding10011

CSDN认证博客专家 CSDN认证企业博客

码龄10年

3193: 原创

-: 周排名

157万+: 总排名

356万+: 访问

: 等级

6万+: 积分

9632: 粉丝

1352: 获赞

1762: 评论

4354: 收藏

私信

关注

热门文章

分类专栏

最新评论

周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
假装自己很用心: 这是第一个代码 [code=python] import turtle # 初始化turtle t = turtle.Turtle() t.speed(0) # 设置最快速度 # 设定画笔颜色和填充色 t.pencolor("red") # 边框颜色 t.fillcolor("pink") # 填充颜色 t.begin_fill() # 开始填充图形 # 绘制爱心左半部分 t.left(45) # 左转45度 t.forward(100) t.circle(100, 180) # 以当前位置为中心，半径100，逆时针转180度 # 绘制爱心右半部分 t.circle(100, 180) # 再逆时针转180度回到起点 t.forward(100) # 结束填充图形 t.end_fill() # 提升画笔，隐藏turtle t.penup() t.hideturtle() # 显示最终图形 turtle.done() [/code] 这是第二个代码[code=python] [code=python] import turtle # 初始化turtle t = turtle.Turtle() t.speed(0) # 设置最快速度 # 设定画笔颜色和填充色 t.pencolor("red") # 边框颜色 t.fillcolor("pink") # 填充颜色 t.begin_fill() # 开始填充图形 # 绘制爱心左半部分 t.left(45) # 左转45度 t.forward(100) t.circle(100, 180) # 以当前位置为中心，半径100，逆时针转180度 # 绘制爱心右半部分 t.circle(100, 180) # 再逆时针转180度回到起点 t.forward(100) # 结束填充图形 t.end_fill() # 提升画笔，隐藏turtle t.penup() t.hideturtle() # 显示最终图形 turtle.done() [/code] [/code]
周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
假装自己很用心: 啦啦啦啦遮挡代码 [code=python] import turtle # 初始化turtle t = turtle.Turtle() t.speed(0) # 设置最快速度 # 设定画笔颜色和填充色 t.pencolor("red") # 边框颜色 t.fillcolor("pink") # 填充颜色 t.begin_fill() # 开始填充图形 # 绘制爱心左半部分 t.left(45) # 左转45度 t.forward(100) t.circle(100, 180) # 以当前位置为中心，半径100，逆时针转180度 # 绘制爱心右半部分 t.circle(100, 180) # 再逆时针转180度回到起点 t.forward(100) # 结束填充图形 t.end_fill() # 提升画笔，隐藏turtle t.penup() t.hideturtle() # 显示最终图形 turtle.done() [/code] 阿拉啦啦啦
周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
ifree14: import turtle # 初始化turtle t = turtle.Turtle() t.speed(0) # 设置最快速度 # 设定画笔颜色和填充色 t.pencolor("red") # 边框颜色 t.fillcolor("pink") # 填充颜色 t.begin_fill() # 开始填充图形 # 绘制爱心左半部分 t.left(45) # 左转45度 t.forward(100) t.circle(100, 180) # 以当前位置为中心，半径100，逆时针转180度 # 绘制爱心右半部分 t.circle(100, 180) # 再逆时针转180度回到起点 t.forward(100) # 结束填充图形 t.end_fill() # 提升画笔，隐藏turtle t.penup() t.hideturtle() # 显示最终图形 turtle.done()
周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
假装自己很用心: [code=cpp] #include<stdio.h> #include<Windows.h> int main() { system(" color 0c");//设计程序颜色 printf("遇见你是一件很开心的事情,爱你哟！！！\n");//打印文字 float x,y,a;//定义变量x,y,a for(y=1.5f;y>-1;y-=0.1f) { for(x=-1.5f;x<1.5f;x+=.05f){ a=x*x+y*y-1; putchar(a*a*a-x*x*y*y*y<0.0f?'x':' '); } Sleep(150);//停顿函数（1.5秒钟） putchar('\n'); //换行 } return 0; } [/code]
周星驰 Web3 团队将上线独立 App；Gemini 刚发就惹质疑：效果视频疑似剪辑；Meta 推独立AI图像生成器｜极客头条...
假装自己很用心: [code=csharp] #include<stdio.h> #include<Windows.h> int main() { system(" color 0c");//设计程序颜色 printf("遇见你是一件很开心的事情,爱你哟！！！\n");//打印文字 float x,y,a;//定义变量x,y,a for(y=1.5f;y>-1;y-=0.1f) { for(x=-1.5f;x<1.5f;x+=.05f){ a=x*x+y*y-1; putchar(a*a*a-x*x*y*y*y<0.0f?'x':' '); } Sleep(150);//停顿函数（1.5秒钟） putchar('\n'); //换行 } return 0; } [/code]

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

flybirding10011 谢谢支持啊999

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。