uniapp 監聽網絡變化函數封裝

監聽網絡變化

const NetWork = {
	// 網絡狀態
	isConnect:false,
	// 監聽網絡狀態
	On(){
		// 獲取當前網絡狀態
		uni.getNetworkType({
			success: (res) => {
				if(res.networkType!=='none'){ this.isConnect=true; return;}
				uni.showToast({
					icon:"none",
					title: '請先連接網絡',
				});
			}
		})
		// 監聽網絡狀態變化
		uni.onNetworkStatusChange((res)=>{
			this.isConnect = res.isConnected;
			if(!res.isConnected){
				uni.showToast({
					icon:"none",
					title: '您目前處於斷網狀態',
				});
			}
		})
	}
}
export default {
	NetWork
}

將此文件在main.js中掛載到vue原型上，就是通過this的方式進行調用了。

import lib from "./common/lib.js"
Vue.prototype.lib=lib