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-08-06
css background图片
只有用水将心上的雾气淘洗干净,荣光才会照亮最初的梦想。——『百年孤独』 MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片 如果我们需要修改透明度,则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次,我们可以设置拉伸效果和位置: 包含(表示不进行任何裁剪,多余的部分会空出,center是表示位置处于正中央) 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满,会进行裁剪) 1...
2022-06-10
browserify
很奇怪,我们不屑与他人为伍,却害怕自己与众不同。——保罗·科埃略的《韦罗妮卡决定去死》 今天又来分享个好东西:https://browserify.org/ 这个玩意儿可以帮我们把npm下载的依赖,使用script标签引入: 先安装: 1pnpm install -g browserify 比如我们引入一个outils 1pnpm i outils 然后编写一个main.js 12345const outils = require('模块名')window.模块名 = 模块名// 例如const outils = require('outils')window.outils = outils 生成 123browserify main.js -o [文件名]# 例如browserify main.js -o bundle.js 然后我们引入这个js试试 1<script src="bundle.js"></script> 运行一下,可以看到我们能在控制台拿到,说明引入成功 有朋...
2022-07-16
veaury
没有意义的事物是最美丽的。——《新名字的故事》 昨天分享了vuera 今天再分享一个同类型库veaury,属于是vuera的新版库 中文文档:https://github.com/devilwjp/veaury/blob/master/README_zhcn.md 什么是Veaury?Veaury 是基于React和Vue3的工具库,主要用于React和Vue在一个项目中公共使用的场景,主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。 重要功能 🌞 支持 Vue3 🌈 支持 Context - 同一个应用中出现的vue组件和react组件的context是共享的. 💗 支持跨框架的hooks调用 - 可以在react组件中使用vue的hooks,获取到vue组件或者应用的上下文数据,比如vue-router、vuex,也可以在vue组件中使用react的hooks,获取到react组件或者应用的上下文数据,比如react-router、provide、context等
2020-09-03
vue2.0配置路由
古希腊哲学家芝诺的学生问他:“老师,难道你有不懂得的东西吗?”芝诺风趣地回答:“如果用小圆代表你们学到的知识,用大圆代表我学到的知识,那么大圆的面积是多一点;但两圆之外的空白,都是我们的无知面,圆越大,其圆周接触的无知面就越多。” 先说下端口配置吧 项目根目录下新建一个文件叫vue.config.js 12345module.exports = { devServer: { port: 3000 }} 然后npm run serve运行项目,可以看到端口号变了 然后再配置个路由吧 1cnpm i vue-router 在main.js中引入 123456789101112import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falsenew Vue({ router, rend...
2022-05-17
display:contents
多少人以友谊的名义,爱着一个人。——电影《One Day》 MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/display-box 首先是一段代码: 12345678910111213141516171819<!DOCTYPE html><head> <title>display</title> <style> .outer { border: 2px solid red; width: 300px; } .outer>div { border: 1px solid green; } </style></head><body> <div class="outer"> <div>I...
2024-09-16
vue+vite模板vitesse
不用给我爱,不用给我钱,不用给我声誉,给我真理吧。——梭罗《瓦尔登湖》 1 项目介绍 Vitesse 是一个基于 Vite 的快速开发模板,由 antfu 维护和开发,专为 Vue.js 项目设计。Vitesse 提供了完整的前端开发环境和最佳实践,内置了多个常用工具和配置,使得开发者可以快速启动项目,而无需从头配置。 通过 Vitesse,开发者可以专注于业务逻辑的实现,而不必在项目的基础配置上花费太多时间。它内置了 Vue 3、Vite、Pinia、Vue Router、TypeScript 等主流技术栈,适合用于构建现代前端应用。 Vitesse 的主要特点: 基于 Vite:Vitesse 继承了 Vite 的高效、快速打包和热更新特性,能够显著加速开发流程。 Vue 3 支持:Vitesse 完全支持 Vue 3 的 Composition API,提供了现代化的 Vue.js 开发体验。 TypeScript 集成:项目中内置了 TypeScript 支持,帮助开发者编写类型安全的代码。 轻松的状态管理:通过 Pinia 实现简单易用的状态管理方案。 Ta...

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