![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
事件冒泡和默认事件
心若向阳(* ̄︶ ̄)
期待与未来的你相遇
展开
-
vue获取屏幕高度并赋值给盒子
html: <div class="contentLeft"> <div id="echartBox" ref="echartBox"></div> </div> js: data() { return { clientHeight: "", // echarts高度动态改变 }; }, watch: { // 实时监听年度变化,等于当年年度则不可操作 year: { deep: true, immediate:原创 2021-07-20 09:01:30 · 1044 阅读 · 0 评论 -
vue中阻止冒泡 阻止默认行为
1、事件冒泡:不再派发事件。 方法: event.stopPropagation() html: <button data-aid='123' @click="eventFn($event)">事件对象</button> js: eventFn(e) { e.stopPropagation() }, 终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。 说明: 该方法将停止事件的传播,阻止它被原创 2021-04-28 16:26:47 · 7580 阅读 · 2 评论