elementui设置this.$modal.loading(“发票正在下载，请稍候…”);加载提示，如何关闭

在Element UI中，如果你想要显示一个加载提示并随后关闭它，你可以这样做：

首先，在你需要显示加载提示的地方，使用`this.$Modal.service()`方法打开一个模态框，并设置loading状态，
message: '发票正在下载，请稍候...'
});

这将会在模态框中显示一条消息，表明操作正在进行。

然后，当你完成下载或其他异步操作后，你可以使用类似的方式关闭这个加载提示：

this.$ modal.service({
loading: false // 这里将loading设置为false，表示取消加载状态
});

如果需要更精确地控制关闭时间，可以提供一个回调函数作为第二个参数，该函数会在一段时间后自动关闭加载提示：

this.$ modal.service({
loading: true,
message: '发票正在下载，请稍候...',
onClose: function() {
setTimeout(() => {
this.$ modal.service({ loading: false });
}, 3000); // 3秒后自动关闭
}
});

这样，用户看到的消息会告知他们等待过程，而在指定的时间过后，加载提示会自动消失。记得在实际代码中替换`3000`为你期望的延迟时间。

相关问题

elementui this.$modal.confirm 添加html语句

你可以在 `this.$modal.confirm` 的 `content` 属性中添加HTML语句：

this.$modal.confirm({
  title: '确认提示',
  content: '<p>这是一个带有HTML语句的确认提示框。</p><p>请确认是否继续？</p>',
  onOk: () => {
    // 确认操作
  },
  onCancel: () => {
    // 取消操作
  }
});

请注意，添加HTML语句可能会增加安全风险，请确保你信任并且不会从用户获取恶意代码。

elementui this.$modal.confirm 添加动态的html语句

要在 Element UI 的 Modal 组件中添加动态的 HTML 语句，可以使用 `v-html` 指令来动态绑定 HTML。具体步骤如下：

1. 在 Modal 的主体内容中添加一个带有 `v-html` 指令的元素，例如：

<template>
  <div>
    <el-button @click="showModal">打开 Modal</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <div v-html="dynamicHtml"></div>
    </el-dialog>
  </div>
</template>

2. 在 Vue 实例中定义一个变量来保存需要动态绑定的 HTML 代码，例如：

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dynamicHtml: '',
    };
  },
  methods: {
    showModal() {
      this.dynamicHtml = '<p>这是动态绑定的 HTML 代码</p>';
      this.dialogVisible = true;
    },
  },
};
</script>

这样，当 Modal 弹窗显示时，`v-html` 指令会将 `dynamicHtml` 变量中保存的 HTML 代码渲染到对应位置上。需要注意的是，由于 `v-html` 指令会将 HTML 解析为 DOM 元素，因此需要确保动态绑定的 HTML 代码是安全的，避免 XSS 攻击。