QuarkXPress 开源商城系统 jsp 莱斯分布 docker安装 ajax foreach shiny concurrency sas swift2 Egret Engine pmp视频 android项目实例 winbox使用教程 js教程文档 maven插件 mysql将时间戳转换成日期 python开发工具 python读取数据库 python插件 java入门级教程 java时间戳转换成时间 java编程学习 java基础编程 java的输入 java数组 java字符比较 方正流行体 局域网助手 flash相册制作 java程序设计基础 免费书籍 电子书制作软件 skycc组合营销软件 朋友圈访客记录教程 linux定时任务 原创检测工具 苹果手机添加邮箱 小程序开发工具下载
当前位置: 首页 > 学习教程  > 编程语言

Vue checkBox阻止事件冒泡

2020/11/24 10:01:34 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

前端小白的NOTE: 大概结构是checkbox外层是一个div,再外层是collapse,在外层是col,循环每一个节点的children,当我点击checkbox的时候collapse会快速展开并立刻合起。 在此处checkbox使用change绑定事件(cl…

前端小白的NOTE:
大概结构是checkbox外层是一个div,再外层是collapse,在外层是col,循环每一个节点的children,当我点击checkbox的时候collapse会快速展开并立刻合起。
在此处checkbox使用@change绑定事件(@click和@change的区别后边再学习),阻止checkbox的点击事件向下层collapse传递,使用

@click.stop.native="()=>{}"

<el-col :span="AItem.children.length" v-for="BItem in AItem.children">
	<el-collapse  accordion>
		<el-collapse-item v-for="CItem in BItem.children" :title="CItem.name" @change="functionC(Citem.id)">
			<div v-for="Ditem in CItem.children">
				<el-checkbox :checked="Ditm.isFinish==1?true:false" @change="functionD(DItem)" @click.stop.native="()=>{}" />
			</div>
		</el-collapse-item>
	</el-collapse>
</el-col>


本文链接: http://www.dtmao.cc/news_show_400208.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?