uni跳转的小技巧
发表于|更新于
|浏览量:
青春啊,难道你始终囚禁在狭小圈子里?你得撕破老年的蛊惑人心的网。——泰戈尔
从官网看到
我们使用uni.navigate()跳转
1 | uni.navigateTo({ |
这里我们的url我们如果直接写test
那么我们会跳转到当前页面的test
然而我们如果想跳转到tabBar上的页面
则需要使用uni.switchTab()
1 | uni.switchTab({ |
这里要注意的是,需要在路径前加/表示一个根路径
否则会跳转不到想要的页面
而且switchTab并不支持url传参
而我们需要使用别的方式,例如setStorage
相关推荐
2023-01-17
headroom.js
寡言省谤,寡欲保身——佚名 昨天说到了enquire.js 作者还有一个更加多stars的项目headroom.js,目前有10.9K stars https://github.com/WickyNilliams/headroom.js 官网网址:https://github.com/WickyNilliams/headroom.js 这个项目就是一个简单的头部,往下滑头部会收起来,往上又出现
2020-09-05
vue结合elementUI进行快速开发
人生最重要的不是努力,不是奋斗,而是抉择。 我们引入一个elementUI 1cnpm i element-ui 然后在main.js中引入 我们来做个测试,首先在页面中的methods中定义个welcome方法 123456789methods: { welcome() { this.$message({ showClose: true, message: "欢迎", type: "success", }); },}, 然后在created中调用该方法 进入home页面,刷新 可以看到效果了 那我们再引入个导航栏 首先创建header.vue 然后编写导航栏 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<...
2024-11-12
uView升级http配置兼容变更
人生须知负责任的苦处,才能知道尽责任的乐趣。——梁启超 今天把老项目uniapp的http封装代码cv过来,发现用不了了,原因是uView版本升级了没适配 原先uView 1.x的方式: 123456789101112131415161718192021222324Vue.prototype.$u.http.setConfig({ baseUrl: 'http://localhost:8080/ruben', loadingText: '加载中...', loadingTime: 100,});Vue.prototype.$u.http.interceptor.request = (config) => { const token = uni.getStorageSync('token'); config.header.token = token; return config;}Vue.prototype.$u.http.interce...
2022-01-13
for of和for in
人生而自由,却无往不在枷锁中——卢梭《社会契约论》 我之前写过一篇for in的博客 for in是遍历对象key或者数组下标 前端还可以使用for of来遍历value 简单写一下两者区别和使用方式吧: 12let ruben = {name:'ruben', age:21}for(key in ruben) console.log(key) 然后是for of 提示对象并不是iterable(可迭代的) 因此for of并不能遍历对象的key 接下来看数组的: 12let list = [1,2,3,4,5,6]for(i in list) console.log(i) 可以看到是遍历获取出了下标并不是实际的值 而for of: 12let list = [1,2,3,4,5,6]for(i of list) console.log(i) 遍历出了我们的value
2021-11-27
event
有信仰的人不会孤独。——阿列克谢耶维奇 vue官方文档有介绍$event 我们在开发中经常这么写来获取事件 1<div class="trigger-me" @click="triggerMe">点我触发</div> 方法: 123456methods: { triggerMe(e, name) { console.log('e: ', e); console.log('name: ', name); }} 然后调用一下 可以看到打印出了事件,如果我们需要传入其他参数,就可以使用$event了 1<div class="trigger-me" @click="triggerMe($event, 'ruben')">点我触发</div> 再次触发:
2022-08-08
乾坤
生如夏花之绚烂,死如秋叶之静美。——泰戈尔《生如夏花》 分享一个微前端框架乾坤:https://qiankun.umijs.org/zh github:https://github.com/umijs/qiankun 快速开始:https://qiankun.umijs.org/zh/guide/getting-started 快速上手主应用1. 安装 qiankun1$ yarn add qiankun # 或者 npm i qiankun -S 2. 在主应用中注册微应用123import { registerMicroApps, start } from 'qiankun';registerMicroApps([ { name: 'react app', // app name registered entry: '//localhost:7100', container: '#yourContainer', activeRule...
