通过vue 实现 ping IP 地址
Posted 322829
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了通过vue 实现 ping IP 地址相关的知识，希望对你有一定的参考价值。
<!--
* @Description:
* @Version: 1.0
* @Autor: 322829
* @Date: 2021-07-15 14:26:25
* @FilePath: \\vuets_admin\\src\\views\\DataManage\\ChartData.vue
* @LastEditors: 322829
* @LastEditTime: 2021-08-11 14:49:06
-->
<template>
<div class="chart-data">
<el-button @click="pings">ping IP测试</el-button>
<el-input v-model="ipInput" />
</div>
</template>
<script lang="ts">
import defineComponent, ref from 'vue'
export default defineComponent(
setup()
let ipInput=ref("192.168.1.123")
let pings = ( ) =>
ping(ipInput.value)
const ping = (ip:string) =>
var img = new Image()
var start = new Date().getTime()
let isFlag = ref<boolean>(false)
let isCloseWifi = ref<boolean>(true)
let isHasFinish = ref<boolean>(false)
img.onload = function()
if (!isHasFinish.value)
isFlag.value = true
isHasFinish.value = true
alert('ping' + ip+'通过------------------')
img.onerror = function()
if (!isHasFinish.value)
if (!isCloseWifi.value)
isFlag.value = true
alert('ping' + ip+'通过------------------')
isHasFinish.value = true
setTimeout(function()
isCloseWifi.value = false
console.log('network is working, start ping...')
, 2)
img.src = 'http://' + ip + '/' + start
var timer = setTimeout(function()
if (!isFlag.value)
isHasFinish.value = true
isFlag.value = false
console.log('Ping ' + ip + ' fail. ')
alert('ping' + ip+'失败！！！！！！！！！！！！！！！！')
, 3000)
return ipInput,pings
,
)
</script>
<style lang="scss" scoped></style>
以上是关于通过vue 实现 ping IP 地址的主要内容，如果未能解决你的问题，请参考以下文章