uni跳转的小技巧
发表于|更新于
|浏览量:
青春啊，难道你始终囚禁在狭小圈子里？你得撕破老年的蛊惑人心的网。——泰戈尔
从官网看到
我们使用uni.navigate()跳转
1 | uni.navigateTo({ |
这里我们的url我们如果直接写test
那么我们会跳转到当前页面的test
然而我们如果想跳转到tabBar上的页面
则需要使用uni.switchTab()
1 | uni.switchTab({ |
这里要注意的是，需要在路径前加/表示一个根路径
否则会跳转不到想要的页面
而且switchTab并不支持url传参
而我们需要使用别的方式，例如setStorage
相关推荐
2024-06-25
popper.js定位提示和泡泡弹框
烈火试真金，逆境试强者。——塞内加 https://popper.js.org/docs/v2/ 分享一个定位工具提示和弹出窗口的库 例如 123456789101112131415161718192021222324252627<!DOCTYPE html><title>Popper example</title><style> #tooltip { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; }</style><button id="button" aria-describedby="tooltip">I'm a button</button><div id="tooltip" role="tooltip&qu...
2022-02-15
includes
一个人能在鼠疫和生活的赌博中所赢得的全部东西，就是知识和记忆。——《鼠疫》 我们除了使用indexOf判断字符串/数组是否包含某字符/元素还可以使用includes 区别在于数组判断中indexOf对NaN值处理会错误，而includes不会，例如： 这里显示-1说明没有匹配到 而使用includes： 可以看到成功匹配 字符串也可以使用includes 非常的方便 我们可以用prototype获取原型对象然后再调用 1Array.prototype.includes.call([1,2,3,4],1) 还是蛮方便的
2023-06-02
input+type=file同时支持文件和文件夹
1没有知识的旅游者是一只没有翅膀的鸟。——萨阿迪 使用的dropzone库，你可以将任意类型的文件拖拽进去上传，如果是目录，则会获取目录内的文件 https://github.com/dropzone/dropzone 代码如下： 1234567891011121314151617181920<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css"/><script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script><div class="my-dropzone dz-clickable" style=" display: block; width: 100px; heigh...
2024-09-29
js滚动到对应元素scrollIntoView
娇柔做作，失去真实的不是美，充满了富贵荣华的名利思想，也不是真美。——孟德斯鸠 文档： Element.scrollIntoView() - Web API | MDN 用法： 123scrollIntoView()scrollIntoView(alignToTop)scrollIntoView(scrollIntoViewOptions) 例如我选中某个元素执行 123456const element = document.getElementById("box");element.scrollIntoView();element.scrollIntoView(false);element.scrollIntoView({ block: "end" });element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
2022-07-12
teleport
你之前学了啥跟你以后能学啥没有什么本质联系——尤雨溪 顾名思义，teleport汉译过来就是传送的意思 官方文档：https://v3.cn.vuejs.org/guide/teleport.html#teleport 它可以将我们的元素传送到指定地点： 例如我们要实现一个挂载在body上的模态框，就可以使用teleport： 12345678910111213141516171819202122232425262728const app = Vue.createApp({});app.component('modal-button', { template: ` <button @click="modalOpen = true"> Open full screen modal! (With teleport!) </button> <teleport to="body"> <div v-if=&quo...
2024-09-11
语法高亮shiki
即使断了一条弦，其余的三条弦还是要继续演奏，这就是人生。——爱默生 项目介绍 Shiki 是一个基于 VS Code 语法高亮引擎的代码高亮库，它通过使用 TextMate 语法和 VS Code 的主题，生成极为准确和美观的高亮代码。Shiki 提供了一种非常灵活的方式来在静态网站生成器、文档系统或 Web 应用中进行代码高亮渲染，支持多种编程语言和主题。 Shiki 的主要特点： 精确的高亮效果：基于 VS Code 引擎，支持 TextMate 语法和多种语言的高亮，保证与编辑器中一致的高亮效果。 丰富的主题：支持多种 VS Code 主题，能够为代码提供深浅色主题选择。 轻量级和快速：尽管功能强大，但 Shiki 仍然保持轻量和高效，适合在 Web 项目中使用。 适用性广泛：可以轻松集成到静态网站生成器、博客、文档系统等项目中，提升代码展示的视觉体验。 官方文档、GitHub地址 官方文档：Shiki Documentation GitHub 仓库：shikijs/shiki Shiki 的官方文档提供了详细的使用说明、配置选项和主题列表，帮...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog