vue 使用element-ui Loading框加载

vue 使用element-ui Loading框加载

在vue/cli项目上使用 在想要用到的事件上定义方法 代码片.

//定义方法
let loading
function startLoading() {
loading = Loading.service({
lock: true,
text: '加载中……',
	background: 'rgba(0, 0, 0, 0.7)'
	})
}
function endLoading() {
	loading.close()
}

在项目上调用方法 代码片.

// Loading显示
startLoading()
//Loading隐藏
endLoading()

例子 代码片.

googsid() {
				//loding加载
				let loading
				function startLoading() {
					loading = Loading.service({
						lock: true,
						text: '加载中……',
						background: 'rgba(0, 0, 0, 0.7)'
					})
				}

				function endLoading() {
					loading.close()
				}
				//调用加载
				startLoading()
				Api_getgetgoods({
					
				}).then(data => {
					console.log(data)
					//关闭加载
					endLoading()
					
				})
		},

效果展示！