文章 2024-09-12 来自:开发者社区

VUE中el-input阻止冒泡防止触发父级事件

使用el-input组件时,有个父级事件被输入框触发了,因此需要解决一下事件冒泡 @click.stop.native 后面如果不执行函数或语句就不用跟 ‘=’ 号了

文章 2024-07-02 来自:开发者社区

vue 数据变化触发页面响应的三种方式(解决:数据变化页面无响应/不刷新的问题)【含原理】

【问题描述】哪些数据变化,不会触发页面响应? 1.  通过数组的下标去修改数组的值 2.  对象属性的添加和删除 【原因解析】为什么以上情况,不会触发页面响应? ue创建实例时,会深度遍历data中的所有属性,并使用 Object.defineProperty 将这些属性全部转为 getter/setter,以便...

文章 2024-07-01 来自:开发者社区

vue动画——翻转动画(悬浮触发、点击触发)

动画效果见链接 http://caibaojian.com/demo/2017/03/flip.html 参考资料: http://caibaojian.com/3d-flip-card.html https://www.webhek.com/post/css-flip.html 动画原理 正面和反面是两个div,通过“子...

文章 2024-07-01 来自:开发者社区

vue动画——旋转动画(悬浮触发、点击触发)

旋转动画 纯css即可实现丰富的动画,以旋转360度的动画为例,样式如下: 第1步——定义关键帧,取名为 rotate360,指定动画开始、动画中和动画结束时的样式,下方代码表示动画结束后,元素旋转360度 @keyframes rotate360 {...

vue动画——旋转动画(悬浮触发、点击触发)
文章 2024-05-06 来自:开发者社区

vue 在什么情况下在数据发生改变的时候不会触发视图更新

在 Vue 中,通常数据发生变化时,视图会自动更新。但是,有几种情况可能导致数据变化不会触发视图更新: 1.对象属性的添加或删除: Vue 无法检测到对象属性的添加或删除。因为 Vue 在初始化实例时对属性执行了 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应式的。 ...

文章 2024-01-23 来自:开发者社区

vue动态class与触发事件点击

$stringUtil.substring( $!{XssContent1.description},200)...

vue动态class与触发事件点击
文章 2024-01-20 来自:开发者社区

Vue组件生命周期钩子函数有哪些?它们分别在什么时候触发?

Vue.js组件生命周期包括创建、挂载、更新和销毁阶段。在这些阶段中,Vue提供了一系列的生命周期钩子函数,开发者可以在这些钩子函数中执行自定义的逻辑。以下是Vue组件生命周期钩子函数及其触发时机: 创建阶段(Creation) beforeCreate: 触发时机:在实例刚被创建时,...

文章 2023-12-22 来自:开发者社区

有关vue中两张图片,一个底图一个右上角的图片 点击右上角不触发底图方法

在vue中 我现在有两个图片 第一个图片是底子,另外一张图片在第一张图片右上角 两个图片都有对应的点击事件 我想要实现点击右上角的图片 不出发第一张图片的点击事件可以在右上角的图片上添加一个 @click 事件,并且使用 event.stopPropagation() 方法来阻止事件冒泡,这样就不会触发底图的点击事件了。<template> <div> <...

文章 2023-12-08 来自:开发者社区

【源码共读】类似 Vue 的组件事件触发和监听实现

通常我们在使用Vue的时候,会使用$emit和$on来触发和监听事件,但是有没有思考是如何实现的呢?今天带来的是一个微型的事件触发的库,借它们的源码来简单初步了解Vue的事件触发和监听的实现。mitt使用TypeScript编写,tiny-emitter使用原生ES5编写,两者对比tiny-emitter功能稍微...

【源码共读】类似 Vue 的组件事件触发和监听实现
文章 2023-12-08 来自:开发者社区

Vue 触发回车事件

方案一在 vue 组件的 mounted() 中监听回车按键按下 let self = this document.onkeydown = function(e) { let ev = document.all ? window.event : e if (ev.keyCode === 13) { ...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注