0%

uni-app开发遇到问题


组件设置全屏覆盖

1
2
3
4
5
6
7
8
9
10
设置宽度和高度100%是没用的需要在里面加设置一层view,并且设置对应宽高分别为vw和vh
<uni-popup>
<view class="wrap_test"></view>
</uni-popup>
<style lang="scss">
.wrap_test{
width:100vw;
height:100vh;
}
</style>

wx.onNetworkStatusChange、uni.onNetworkStatusChange网络状态监听不生效问题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
该方法只能在手机上进行验证才能生效,小程序开发工具上面不生效

该方法只能写在onLoad方法里面,写在mounted方法不生效

错误写法❌
mounted() {
uni.onNetworkStatusChange(function (res) {
console.log('onNetworkStatusChange', res);
});
},

正确写法✔,手机上打开关闭数据、切换wifi连接都可以看得到效果
onLoad(data) {
wx.onNetworkStatusChange((res) => {
console.log('res' , res);
});
},

接口请求写在哪里好?(即返回页面不刷新问题)

1
2
3
4
5
6
7
8
9
10
11
1、可以写在onShow、onLoad、created、mounted

但是:写在onShow里面最好✔

原因:在很多情况下跳转后都需要刷新页面数据。因为onshow是在页面展示时候触发,通过uni.navigateTo不会销毁页面,返回时候页面的onLoad不会触发。

例如:通过导航栏返回按钮图标或者uni.navigateTo跳转到指定页面需要刷新页面数据时候,onShow只要页面展示了就会请求。

2、需要通过onLoad的参数来发起请求怎么办?


1

1

1

1

1

1

1

1

1

1

1

1

1

1

------ The End ------
您的认可是我不断进步的动力!