element特别耗时的方法怎么加loading弹窗实战代码

对于element特别耗时的方法，可以在方法执行前加上loading弹窗，方法执行完毕后关闭弹窗。以下是示例代码：

<template>
  <div>
    <el-button @click="handleClick">执行耗时方法</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <el-progress :text-inside="true" :stroke-width="6" :percentage="percentage"></el-progress>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      percentage: 0
    };
  },
  methods: {
    handleClick() {
      this.dialogVisible = true;
      let count = 0;
      const interval = setInterval(() => {
        count++;
        this.percentage = count * 10;
        if (count === 10) {
          clearInterval(interval);
          this.dialogVisible = false;
        }
      }, 1000);
    }
  }
};
</script>

在上面的代码中，我们使用了element的el-dialog和el-progress组件来实现loading弹窗。在handleClick方法中，我们使用了setInterval模拟了一个耗时的操作，并且每隔1秒钟更新一次进度条的百分比。当耗时操作执行完毕后，我们关闭了loading弹窗。

希望这个示例代码能够帮助你解决问题。