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) { |
相关推荐
2022-03-31
vue项目配置可选调用链
生活是苦难的,我又划着我的断桨出发了。——博尔赫斯 可选调用链就是?.写法 有些vue项目没有默认配置,因此只能手动配置 介绍:https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装: 1cnpm i --save-dev @babel/plugin-proposal-optional-chaining 然后配置在根目录下的babel.config.js 新增: 123{ "plugins": ["@babel/plugin-proposal-optional-chaining"]} 完整: 12345678module.exports = { presets: [ "@babel/preset-env", ['@vue/app', { useBuiltIns: 'entry' }] ], "plugi...
2022-06-18
js拖拽框选插件
只要你具备了精神气质的美,只要你有这样的自信,你就会拥有风度的自然之美。——金马 分享一个js的拖拽框选插件 官网:https://dragselect.com/ 源码:https://github.com/ThibaultJanBeyer/DragSelect.git 使用: 1pnpm i dragselect 有前端大佬翻译了部分,并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题,所以如果是跟我一样pnpm i下载下的版本,应该也会有这个问题,因此反选自己实现即可,这是我按照上面链接中的demo在vue模块化项目中的组件: TagDragSelect.vue 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828...
2025-05-14
wangeditor实现鼠标悬停选中句子
学校要求教师在他的本职工作上成为一种艺术家。 —— 爱因斯坦 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103import { DomEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor/editor'function addMouseHoverListener(editor: IDomEditor) { const editorElement = DomEditor.toDOMNode(editor, editor) let hoverTimeout: NodeJS.Timeout | nu...
2021-12-11
jq eq
要知道对好事的称颂过于夸大,也会招来人们的反感轻蔑和嫉妒。——培根 我们使用jquery选择器时如果有多个结果,我们可以使用eq函数选择指定下标的元素 例如此处 1234567891011121314151617<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script> </head> <body> <div class="ruben">vampire</div> <div class="ruben">ruben</div> <script type="text/javascript"&...
2025-07-31
NotionNext
世间的很多事物,追求时候的兴致总是要比享用的时候的兴致浓烈。——莎士比亚《威尼斯商人》 https://github.com/tangly1024/NotionNext NotionNext:让你的 Notion 笔记一键变身高颜值博客,创作力爆表!你是否曾梦想过,把平时在 Notion 里整理的笔记、知识库、项目规划,轻松变成一个公开的、高颜值的个人博客?不用折腾服务器、不用敲一行后端代码,只需几步就能让你的内容“闪耀网络”!NotionNext,就是这样一款为创作者量身定制的“神器”,让你的 Notion 内容即刻升级为一个全功能网站! NotionNext 是什么?NotionNext 是一个基于 NextJS 和 Notion API 开发的静态博客系统。它专为 Notion 用户和内容创作者而生,让你可以把自己的 Notion 页面一键部署到 Vercel,秒变个人博客、知识库、作品集,甚至是团队官网! 官网/文档:NotionNext帮助手册 项目地址:tangly1024/NotionNext 主要特性亮点 无缝对接 Notion:只...
2025-08-29
react-table
白昼之光,岂知夜色之深。——尼采 https://github.com/react-component/table rc-table:React 高级表格组件的最佳选择——深入解析 react-component/table在现代前端开发中,表格组件是数据展示与操作的核心。如何让表格既美观又功能丰富、同时能灵活扩展和高性能响应?如果你是 React 技术栈的开发者,rc-table(react-component/table)无疑是你值得关注的开源利器。本文将从官方 README 深度解读 rc-table 的功能亮点、技术架构、使用场景与最佳实践,让你全面了解并高效使用这一高质量表格组件。 一、项目简介 项目地址:https://github.com/react-component/table 在线演示:https://table-react-component.vercel.app/ 主要语言:TypeScript 许可协议:MIT 社区活跃度:1345+ Star,600+ Fork,持续迭代更新 rc-table 是一个为 React 设计的高...

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