// 打开遮罩层 function loading(content:string) { loadingInstance = ElLoading.service({ lock: true, text: content, background: 'rgba(0, 0, 0, 0.7)', }) console.log('ccccccccc',content) } 问题：element Loading文字不会变化

你的代码中使用了 Element UI 的 Loading 组件，在调用 `ElLoading.service` 方法时传入了 `text` 参数，但是当你需要更新 `text` 时，Loading 组件并没有自动更新。这是因为 Loading 组件的 `text` 是在组件创建时就已经确定的，后续的更改并不会影响到已经创建的组件。

如果你需要更新 Loading 组件的 `text`，可以先保存 `loadingInstance` 对象，然后在需要更新时调用 `loadingInstance.setText(content)` 方法，将新的文本内容传入即可。例如：

let loadingInstance = null;

function loading(content: string) {
  loadingInstance = ElLoading.service({
    lock: true,
    text: content,
    background: 'rgba(0, 0, 0, 0.7)',
  });
}

// 在需要更新文本时调用
loadingInstance.setText('新的文本内容');

相关问题

vue3以服务的方式使用ElLoading service报错service is not a function

这个错误通常是因为在使用 `ElLoading` 服务时，没有正确导入或实例化它导致的。你可以按照以下步骤检查：

1. 确保你已经正确安装并导入了 `Element Plus` 组件库。

2. 在需要使用 `ElLoading` 服务的组件中，导入 `ElLoading` 服务：

   import { ElLoading } from "element-plus";

3. 实例化 `ElLoading` 服务：

   const loadingInstance = ElLoading.service(options);

这里的 `options` 是一个配置对象，你可以根据需要进行配置。例如：

   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` 方法：

   loadingInstance.close();

如果你仍然遇到问题，请检查你的代码，确保所有的导入和实例化都正确无误。