1 Star 0 Fork 0

dzq / network-demo

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

network-demo

介绍

uniapp网络检测

使用说明

本示例提供三种使用方法:

1.全局引入

只提示,不做任何处理.在App.vue中导入,onShow中执行 NetWork.On()

import NetWork from "@/utils/network.js" // 导入network
export default {
    onLaunch: function() {
        console.log('App Launch')
    },
    onShow: function() {
        console.log('App Show')
        NetWork.On() // 执行监听
    },
    onHide: function() {
        console.log('App Hide')
    }
}
2.组件引入

在需要显示离线提醒的页面添加组件

<template>
	<view>
		<network></network>
	</view>
</template>

<script>
	import network from "@/components/network.vue"
	export default {
		name:"com-demo",
		components:{network}
	}
</script>
3.mixin引入

需要在网络恢复连接时执行其他操作的情况下使用.会自动执行refresh()

import network_mixin from "@/mixins/network.js"
export default {
    name:"mixin-demo",
    mixins:[network_mixin],
    methods: {
        refresh(){
            console.log("这里执行重新加载数据的操作");
        }
    }
}

空文件

简介

uniapp网络检测 展开 收起
JavaScript 等 4 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/duzengqiang/network-demo.git
git@gitee.com:duzengqiang/network-demo.git
duzengqiang
network-demo
network-demo
master

搜索帮助