element切换菜单组件之间loadding

element UI 是一个基于 Vue.js 的后台 UI 组件库，其中提供了一个切换菜单组件，可以在不同的页面之间进行切换。在切换菜单组件之间加载数据或者进行一些耗时的操作时，可以使用 loadding 来提示用户正在处理中。

一般 loadding 是通过添加一个遮罩层和一个旋转的 loading 图标来实现的。在 element UI 中，可以使用 Loading 组件来实现 loadding 效果。首先，需要在 Vue 组件中引入 Loading 组件：

import { Loading } from 'element-ui'

然后，在需要使用 loadding 的地方可以通过以下代码来创建一个 loadding 实例：

let loadingInstance = Loading.service({ fullscreen: true })

上述代码将创建一个全屏的 loadding 实例。还可以通过传入一个 HTML 元素的选择器来创建特定区域的 loadding 实例：

let loadingInstance = Loading.service({ target: '#app' })

接下来就可以在加载数据或者进行耗时操作之前调用 show 方法显示 loadding 动画：

loadingInstance.show()

在数据加载完成或者操作完成后，可以调用 hide 方法隐藏 loadding 动画：

loadingInstance.hide()

通过以上代码，可以在 element UI 的切换菜单组件之间添加 loadding 效果，提升用户体验，并提示用户正在处理中。