vue3以服务的方式使用ElLoading service报错service is not a function
时间: 2024-02-05 09:13:14 浏览: 60
详解Vue.js搭建路由报错 router.map is not a function
这个错误通常是因为在使用 `ElLoading` 服务时,没有正确导入或实例化它导致的。你可以按照以下步骤检查:
1. 确保你已经正确安装并导入了 `Element Plus` 组件库。
2. 在需要使用 `ElLoading` 服务的组件中,导入 `ElLoading` 服务:
```javascript
import { ElLoading } from "element-plus";
```
3. 实例化 `ElLoading` 服务:
```javascript
const loadingInstance = ElLoading.service(options);
```
这里的 `options` 是一个配置对象,你可以根据需要进行配置。例如:
```javascript
const loadingInstance = ElLoading.service({
target: document.body,
fullscreen: true,
lock: true,
text: "Loading...",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)",
});
```
4. 在需要关闭 loading 时,调用实例的 `close` 方法:
```javascript
loadingInstance.close();
```
如果你仍然遇到问题,请检查你的代码,确保所有的导入和实例化都正确无误。
阅读全文