[JavaScript知识库] Uni-app中的页面触发函数、数据刷新、get请求、字体引用~@/static/

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> Uni-app中的页面触发函数、数据刷新、get请求、字体引用~@/static/ -> 正文阅读

[JavaScript知识库]Uni-app中的页面触发函数、数据刷新、get请求、字体引用~@/static/

一、Uni-app中的页面触发函数onLoad页面加载了、onShow页面显示了、onReady页面初次渲染、onHide页面隐藏

export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad(object) {
			console.log('页面加载了，我可以页面传参',object)
		},
		onShow() {
			console.log('页面显示了')
		},
		onReady() {
			console.log('页面初次渲染完成')
		},
		onHide() {
			console.log('页面隐藏了')
		},
		methods: {

		}
	}

二、Uni-app中的数据刷新和请求,onPullDownRefresh () 页面刷新就执行该函数、onReachBottom()页面触底就执行该函数

<button @click="get">我是get请求</button>
// 页面刷新设置，页面刷新就执行该函数
		onPullDownRefresh () {
			console.log('触发了下拉刷新')			
			
			setTimeout(()=>{
				this.list=['java','前端','php','web']
				uni.stopPullDownRefresh()
			},2000)
		}

onReachBottom() {
			console.log('页面触底了')
			this.list = [...this.list,...['前端','java','php','ui','前端','java','php','ui']]
		},

三、关闭下拉刷新和get请求

methods: {
			PullDown() {
				// 关闭下拉刷新
				uni.startPullDownRefresh()
			},
			// 发送请求
			get() {
				uni.request({
					url:"http://localhost:8080/pages/list/list",
				})
			}	
		}

三、Uni-app中的字体引用~@/static/

@font-face {font-family: "iconfont";
  src: url('~@/static/fonts/iconfont.eot?t=1564622062967'); /* IE9 */
  src: url('~@/static/fonts/iconfont.eot?t=1564622062967#iefix') format('embedded-opentype'), /* IE6-IE8 */