如何在vuejs中为装载器添加setTimeout函数？(为了更好地理解，请查看示例)

import { Loading } from 'element-ui';

data() {
  return {
    loading: false,  // 控制装载器显示/隐藏的状态
    timer: null  // 用于存储setTimeout返回的定时器对象
  };
},
methods: {
  showLoader() {
    this.loading = true;
    this.timer = setTimeout(() => {
      this.loading = false;
      this.timer = null;
    }, 2000);  // 设置2秒延迟，可以根据需求调整
  },
  hideLoader() {
    if (this.timer) {
      clearTimeout(this.timer);
      this.timer = null;
    }
    this.loading = false;
  }
}

<template>
  <div>
    <button @click="showLoader">显示装载器</button>
    <button @click="hideLoader">隐藏装载器</button>

    <div v-if="loading">
      <el-loading :text="loadingText"></el-loading>
    </div>
  </div>
</template>