openjs

Appearance

网络状态 Online ​

基本使用 ​

显示代码
html
<div>
	<button class="open-btn open-btn-primary" bg @click="getStatus">获取网络状态</button>
</div>

<script setup>
	import { onMounted } from 'vue'
	import { online } from '../public/openjs@0.1.0-beta.esm.js';
	
	// 获取网络状态
	const getStatus = function(){
		let status = online.get();
		alert(status);
	}
</script>
<div>
	<button class="open-btn open-btn-primary" bg @click="getStatus">获取网络状态</button>
</div>

<script setup>
	import { onMounted } from 'vue'
	import { online } from '../public/openjs@0.1.0-beta.esm.js';
	
	// 获取网络状态
	const getStatus = function(){
		let status = online.get();
		alert(status);
	}
</script>

API ​

API描述
online.watch(callback)监听网络状态
online.get()获取网络状态

watch监听网络状态

html
 // 实时监听网络状态
 // 有网返回true
 // 网络慢返回2g
 // 无网返回false
online.watch(function(res){
	console.log(res)
})
 // 实时监听网络状态
 // 有网返回true
 // 网络慢返回2g
 // 无网返回false
online.watch(function(res){
	console.log(res)
})

get获取网络状态

html
// 获取网络状态
// 有网返回true,无网返回false
let status = online.get();
console.log(status);
// 获取网络状态
// 有网返回true,无网返回false
let status = online.get();
console.log(status);