手册版本 V6.0

功能介绍

给组件设置 ref 属性后我们可以通过 this.refs[属性] 来获取组件，然后基于 ref 完成更多操作。但在 vue 诸多生命周期内直接使用是不行的，因为生命周期执行时组件尚未创建完毕。graceJS 为您提供了 getRefs() 函数可以保证在任何生命周期内成功获取 ref。

函数 getRefs

参数 :
1 ref 名称
2 this 为了保持 this 作用域
3 0 起始次数
4 回调函数，当成功获取到 ref 时执行，传递 ref 数据

兼容平台

演示代码

<template>
	<gui-page ref="guiPage">
		<template v-slot:gBody >
			<view>
				<text>test</text>
			</view>
		</template>
	</gui-page>
</template>
<script>
import graceJS from '@/Grace6/js/grace.js';
export default {
	data() {
		return {}
	},
	onLoad: function() {
		// 以获取 guiPage 为例
		graceJS.getRefs('guiPage', this, 0, (ref)=>{
			// 获取到 ref
			ref.pageLoadingOpen();
			setTimeout(()=>{
				ref.pageLoadingClose();
			}, 1000);
		});
	},
	methods: {}
}
</script>
<style>
</style>