uni跳转的小技巧
发表于|更新于
|浏览量:
青春啊,难道你始终囚禁在狭小圈子里?你得撕破老年的蛊惑人心的网。——泰戈尔
从官网看到
我们使用uni.navigate()跳转
1 | uni.navigateTo({ |
这里我们的url我们如果直接写test
那么我们会跳转到当前页面的test
然而我们如果想跳转到tabBar上的页面
则需要使用uni.switchTab()
1 | uni.switchTab({ |
这里要注意的是,需要在路径前加/表示一个根路径
否则会跳转不到想要的页面
而且switchTab并不支持url传参
而我们需要使用别的方式,例如setStorage
相关推荐
2024-01-14
chakra-ui
对人生命最大的威胁是以车代步,而不是交通事故。——怀特 分享一个很好看的react的UI组件库chakra-ui: https://chakra-ui.com/ https://github.com/chakra-ui/chakra-ui
2021-09-27
vue中属性简写
任何职业都不简单,如果只是一般地完成任务当然不太困难,但要真正事业有所成就,给社会做出贡献,就不是那么容易的,所以,搞各行各业都需要树雄心大志,有了志气,才会随时提高标准来要求自己。 —— 谢觉哉 我们可以在包含vue-loader的vue项目中如下写法 123<div :class="[{ active: active }, isButton ? prefix + '-button' : null]"></div><!-- 简写 --><div :class="{ active, [`${prefix}-button`]: isButton }"></div> 这里三个值: 12345678910export default { data() { return { active: true, isButton: true, prefix: '...
2022-04-06
react hook 生命周期
诚实的生活方式其实是按照自己身体的意愿行事,饿的时候才吃饭,爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》 官方文档:https://zh-hans.reactjs.org/docs/hooks-reference.html#conditionally-firing-an-effect 直接上代码: 123456789101112131415161718192021222324252627282930313233343536373839404142'use strict';function LikeButton() { const [liked, setLiked] = React.useState(false) const [count, setCount] = React.useState(0) React.useEffect(() => { // 只执行一次 setInterval(() => setCount(state => ++state), 1000) ...
2024-10-15
object-fit
能轻易做到别人感觉困难的事是人才;能轻易做到别人所不能做的工作是天才。——西德尼 讲一个小技巧,对于图片裁剪可以用这个属性:object-fit object-fit 是一个 CSS 属性,用于指定替换元素(如 <img> 和 <video>)内容的尺寸如何适应其容器。它定义了内容如何填充容器的大小,以及是否保持内容的比例 例如: 123<div style="width: 400px; height: 400px; overflow: hidden;"> <img src="https://vampireachao.github.io/imgs/head.png" style="width: 100%; height: auto; object-fit: cover; object-position: 0px 0px;transform: scale(1.2);"></div>
2023-02-05
pinia
天时不如地利,地利不如人和——孟子 分享一个Vuex的同类型vue状态管理框架:Pinia 中文文档:https://pinia.web3doc.top/ 它的Demo:https://stackblitz.com/github/piniajs/example-vue-3-vite?file=README.md 相比于Vuex:https://pinia.web3doc.top/introduction.html#%E4%B8%8E-vuex-%E7%9A%84%E6%AF%94%E8%BE%83 Pinia 提供了一个更简单的 API,具有更少的规范,提供了 Composition-API 风格的 API,最重要的是,在与 TypeScript 一起使用时具有可靠的类型推断支持。
2023-04-11
Neumorphic Elements
与智者同行,必得智慧;与愚者相伴,必定无益处。——大卫王 分享一些前端漂亮的小组件 https://codepen.io/myacode/pen/PoqQQNM 效果还是非常惊艳的

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