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) { |
相关推荐
2026-09-27
scriptc
看书和学习是思想的经常营养,是思想的无穷发展。——冈察洛夫 ScriptC:把 TypeScript 和 JavaScript 编译成真正的原生产物项目地址:https://github.com/vercel-labs/scriptc 当我们谈到 JavaScript 和 TypeScript,最熟悉的画面通常是运行在 Node.js、浏览器,或者某种打包好的前端环境里。 ScriptC 走的是另一条更激进的路:它试图把 TypeScript 和 JavaScript 编译成 typed IR、可读的 C、文本形式的 LLVM IR、本地汇编和对象文件、本地可执行文件,以及 WebAssembly 模块。 它不是在已有运行时之上再包一层,而是把源代码直接推进到更底层的编译结果里。对它来说,脚本语言不一定只属于解释执行,也可以进入原生编译的轨道。 一个把脚本语言往原生世界推进的编译器ScriptC 的定位很直接:TypeScript-to-Native Compiler。 README 里给出的说明表明,它使用 TypeScript compiler 作为前端,先把程序分析成中...
2023-03-28
vue-smooth-dnd
愤怒是由于别人的过错而惩罚自己——蒲柏 分享一个vue拖动组件 github:https://github.com/kutlugsahin/vue-smooth-dnd 在线Demo:https://kutlugsahin.github.io/vue-smooth-dnd/#/cards
2025-03-27
gitalk
我荒废了时间,时间便把我荒废了。——莎士比亚 https://github.com/gitalk/gitalk https://gitalk.github.io/ 用 Gitalk 给博客添加评论系统:优雅、开源、无后端依赖 在搭建个人博客时,我们经常面临一个小难题:评论系统用什么好?传统方案如 Disqus 虽然功能强大,但加载慢、隐私问题多;国内的评论系统则可能存在稳定性和接入成本。 于是我选择了一个更极客、更自由的方式:Gitalk —— 一个基于 GitHub Issues 的评论系统。 什么是 Gitalk?Gitalk 是一个利用 GitHub Issues 构建的评论系统,由 gitalk 开发者团队 创建。它的设计理念很简单: 既然每个人都有 GitHub 账号,为什么不能用 GitHub 直接发评论? 它通过 GitHub 的 OAuth 授权,允许访问者在你指定的仓库中创建/回复 issue,从而完成评论功能。 Gitalk 的优点 ✅ 完全免费,只依赖 GitHub,无需后端服务器 ✅ 界面简洁,支持 Markdown、高亮、表情 ...
2022-09-03
canvas视频截帧
礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克 先放代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<script> /** * * @param src string 视频url * @param currentTime double 视频截取位置,单位秒 * @return 截取图片的 base64 */ ...
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...
2024-11-13
uniapp-cli工程
人生苦短,虽说如此,还会感到无聊。——佚名 除了HBuilderX可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。 #环境安装全局安装 vue-cli 1npm install -g @vue/cli 复制代码 #创建uni-app 使用正式版(对应HBuilderX最新正式版) 1vue create -p dcloudio/uni-preset-vue my-project 复制代码 使用alpha版(对应HBuilderX最新alpha版) 1vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project 复制代码 使用Vue3/Vite版 创建以 javascript 开发的工程(如命令行创建失败,请直接访问 gitee 下载模板) 1npx degit dcloudio/uni-preset-vue#vite my-vue3-project 复制代码 1npx degit dcloudio/uni-preset-vue#vite-alpha...
