平台兼容性
使用方法
1.在main.js
引入组件
import AppNetWork from './components/simple-network/simple-network.vue'
Vue.component('plus-network',AppNetWork)
2.在page
中写入代码
在模板中写入代码
<plus-network :isConnected="isConnected">这里面包含你页面的内容就好了</plus-network>
在data里面定义
data(){
return {
isConnected:true
}
}
然后再生命周期 onShow中使用
`onShow`
uni.getNetworkType({
success: res => {
if (res.networkType == 'none') {
this.isConnected = false;
} else {
this.isConnected = true;
}
}
});
uni.onNetworkStatusChange(res => {
this.isConnected = res.isConnected;
});