nvue中tap事件取消冒泡
发表于|更新于
|浏览量:
青春是一种持续的陶醉,是理智的狂热。——拉罗什富科
nvue中@tap.stop阻止冒泡失效了
代码如下:
1 | <view @tap="parentEvent"><view @tap.stop="childEvent">触发触发</view></view> |
大概有两种方案,第一种是改事件,改为@touchend事件
1 | <view @tap="parentEvent"><view @touchend="childEvent">触发触发</view></view> |
不过还有另一种方式
1 | parentEvent(e) { |
相关推荐
2023-03-26
for...in、for...of、for await...of
处世应当谦虚,切忌轻人傲世。——佚名 简单说下区别: for...in遍历出来的是key 12345678910var obj = {a:1, b:2, c:3};for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]);}// Output:// "obj.a = 1"// "obj.b = 2"// "obj.c = 3" for...of遍历出来的是元素 123456789const array1 = ['a', 'b', 'c'];for (const element of array1) { console.log(element);}// Expected output: "a"// Expected output: "b&quo...
2021-04-05
localStorage
蚍蜉撼大树,可笑不自量。——韩愈《调张籍》 我们可以使用LocalStorage在页面上存点东西,限制是5MB 1window.localStorage.setItem("ruben","Hello") 我们再取出来 1window.localStorage.getItem("ruben") 如果我们要移除 1window.localStorage.removeItem("ruben") 要移除全部 1window.localStorage.clear()
2024-11-25
uniapp电量百分比显示组件
人人保持头冷脚暖,医师就大叹赚钱难。——佚名 今天有个需求是显示电池电量,我在uniapp的插件市场找到一款 https://ext.dcloud.net.cn/plugin?id=7421 不过不满足需求,电量发生变化后没有实时更新,是因为用的data而不是computed 样式也需要调整美化一下,修改以后的完成品: 1
2021-08-21
Failed to resolve loader: less-loader
但愿苍生俱饱暖,不辞辛苦出山林。一一于谦 本来我今天遇到这个问题了 1Failed to resolve loader: less-loader You may need to install it 我一看:你可能需要安装一下less-loader,我直接输入命令安装 1cnpm i less-loader 执行完毕,再次运行发现报错信息变了: 1TypeError: this.getOptions is not a function 原来是版本太高了,于是卸载 1cnpm uni less-loader 然后安装低版本的 1cnpm i less-loader@6.0.0 再次启动就好了
2024-02-21
用canvas消除锯齿的方式
不和不可以接物,不严不可以驭下。——林逋 分享几种canvas消除锯齿的方式 1. 线条坐标增加0.5123456789<canvas id="canvas1" width="200" height="200"></canvas><script> var canvas = document.getElementById('canvas1'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(0, 0.5); // 使用0.5增量对齐像素 ctx.lineTo(200, 0.5); // 绘制一条边缘清晰的直线 ctx.stroke();</script> 2. 使用高清画布1234567891011<canvas id="canvas2" style="width:200px; height:200px...
2025-02-16
animejs
万人都要将火熄灭,我一人独将此火高高举起。——海子 https://github.com/juliangarnier/anime https://animejs.com/ Anime.js:为网页动画注入生命 在现代网页开发中,动画不再仅仅是装饰性的元素,而是增强用户体验、提升交互性的关键部分。Anime.js,一个轻量级的 JavaScript 动画库,提供了一个易于使用的接口来创建复杂的动画效果。它不仅让开发者能够轻松制作视觉冲击力强的动画,还能确保这些动画在各大浏览器中的兼容性,完美融合到现代网页设计中。 什么是 Anime.js?Anime.js 是一个功能强大的 JavaScript 动画库,它能够为 HTML、CSS、SVG、JavaScript 对象等提供平滑、流畅的动画效果。不同于许多其他动画库,Anime.js 不仅支持基本的动画(如平移、旋转、缩放等),还支持更为复杂的时间线和属性控制,让动画的表现更加生动和灵活。 特性和优势 多种动画支持:Anime.js 不仅可以控制 DOM 元素的 CSS 属性,还可以操作 SVG 属性、JavaScript 对象的...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog