-
uni-app中的onload不起作用
在学习使用uni-app过程中在页面中使用onload是没问题的,但是如果在组件中使用onload的时候就是不起作用,最后找的问题的原因是:在组件不能使用页面周期函数,比如onload。可以在组件中使用mounted来代替
-
去掉uni-app默认的头部导航
找到pages.json这个文件,在globalStyle下面加一句:**“navigationStyle”:“custom”**就可以去掉默认头部导航 -
添加底部导航
最开始是自己写了底部导航组件但是使用时出现了问题,后来使用了uni-app中自带的导航。
使用方法:在pages.json文件中添加如下代码
```javascript
"tabBar":{
"color":"#7dc5eb",
"selectedColor":"#0191fb",
"backgroundColor":"#fff",
"borderStyle":"white",
"list":[
{
"pagePath":"pages/index/index",
"text":"首页",
"iconPath":"./static/icon/首页%20(4).png", //图表地址可使用阿里图标库下载图标
"selectedIconPath":"./static/icon/首页%20(3).png"
},
{
"pagePath":"pages/judge/judge",
"text":"诊断",
"iconPath":"static/icon/company-fill%20(1).png",
"selectedIconPath":"static/icon/company-fill.png"
},
{
"pagePath":"pages/alarm/alarm",
"text":"告警",
"iconPath":"static/icon/message%20center%20(1).png",
"selectedIconPath":"static/icon/message%20center.png"
},
{
"pagePath":"pages/query/query-data",
"text":"查询",
"iconPath":"static/icon/排行榜%20(1).png",
"selectedIconPath":"static/icon/排行榜.png"
},
{
"pagePath":"pages/admin/admin",
"text":"管理",
"iconPath":"static/icon/account%20(1).png",
"selectedIconPath":"static/icon/account.png"
}
]
}
- fail can not navigateTo a tabbar pag出现该错误是该地址处由于和底部导航地址相同,页面无法跳转。
解决方法:
使用该方法跳转路径
uni.switchTab({
url: '路径'
});