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) { |
相关推荐
2024-10-06
vitesse-webext
知古不知今,谓之落沉。知今不知古,谓之盲瞽。——王充 分享一个由 Vite 提供支持的 WebExtension(Chrome、FireFox 等浏览器插件)的入门模板。 Github: https://github.com/antfu-collective/vitesse-webext 特性: ⚡️ Instant HMR - 在 dev 上使用 Vite(不再刷新! 🥝 Vue 3 - 组合式 API、<script 设置> 语法等等! 💬 轻松通信 - 由 webext-bridge 和 Vue使用存储提供支持 🌈 UnoCSS - 即时按需原子 CSS 引擎。 🦾 TypeScript - 类型安全 📦 组件自动导入 🌟 图标 - 直接从任何图标集中访问图标 🖥 内容脚本 - 即使在内容脚本中也可以使用 Vue 🌍 WebExtension - Chrome、Firefox 等的同构扩展 📃 具有完整类型支持的动态manifest.json 使用模板GitHub 模板Create a repo from this template o...
2023-11-10
minio预签名上传前端axios注意事项
不论替人家做了多少好事,不论多么忠心耿耿,看起来,绝不能指望人家感谢你。——托尔斯泰 之前说过了camel+minio实现预签名URL上传 但当时提供的也是后端代码,现在需要前端axios的 axios文档:Axios API | Axios Docs 123456789101112axios({ method: 'PUT', url, headers: { "Content-Type": "application/octet-stream", }, data: new Blob([file]), responseType: "blob"}).then((res) => { console.log({ res })}).catch(console.error) 这里的file就是前端的File对象,我们此处是将其转换为Blob,然后再通过data参数发送,...
2021-05-01
js find函数
人的一生是短的,但如果卑劣地过这一生,就太长了——莎士比亚 在前端开发中,可能会有“需要从数组里取出符合条件的某条数据”这个需求 我们可以使用find函数 123var list = [1,4,3,2,5];console.log(list.find(n=>n===4)) // 输出结果4,取出满足条件的值var index = list.findIndex(n=>n===4) // index = 1,取出满足条件的值的下标 这样就从我们的list数组中取出了满足n===4这个条件的值
2022-12-22
css is选择器
良药苦口利于病,忠言逆耳利于行——佚名 MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/:is is选择器可以同时包含多个,例如 12345678910111213/* 选择 header、main、footer 里的任意一个悬浮状态的段落 */:is(header, main, footer) p:hover { color: red; cursor: pointer;}/* 以上内容相当于以下内容 */header p:hover,main p:hover,footer p:hover { color: red; cursor: pointer;} 非常实用
2024-11-11
HBuilderX运行到iOS真机
人生的光荣,不在永不失败,而在于能够屡扑屡起。——拿破仑 直接选择运行——运行到手机或模拟器——运行到iOS APP基座 这里使用标准基座运行需要使用Apple证书签名 点开有四个配置项 Bundle ID(AppID)——是自己设置的 这个可以是包名,我们到Identifiers里新建一个,Bundle ID(AppID)填写我们的包名即可 https://developer.apple.com/account/resources/identifiers/list 证书私钥密码——是自己设置的 我们在mac上打开钥匙串访问,左上角菜单栏点击钥匙串访问 选择证书助理——使用"chao a"从证书颁发机构请求证书 然后填写自己设置的密码 此处还生成一个文件CertificateSigningRequest.certSigningRequest 证书profile文件: 在Profiles新建后下载得到robotrobot.mobileprovision,我们在HBuilderX选这个文件即可 https://developer.apple.com/accou...
2023-09-14
console importer
当你没有空休息的时候,就是你该休息的时候——西德尼 分享一个chrome插件Console Importer,可以方便我们在浏览器中进行调试一些没有本地安装的js库 GitHub - pd4d10/console-importer: Easily import JS and CSS resources from Chrome console. 从 Chrome 网上应用店安装它: Console Importer - Chrome 应用商店 安装完重进使用: Usage 用法Open Chrome devtools console, a function named $i could be used to import JavaScript and CSS resources.打开Chrome devtools控制台,一个名为的 $i 函数可用于导入JavaScript和CSS资源。 1$i('jquery') Import specific version:导入特定版本: 1$i('jquery@2') Also,...
