希望在使用Vue.js提交之前显示加载文本

<template>
  <div>
    <button @click="submit">提交</button>
    <div v-if="isLoading">加载中...</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLoading: false
    };
  },
  methods: {
    submit() {
      this.isLoading = true; // 开始加载
      // 执行提交操作
      // 可以在这里调用后端接口或者执行其他异步操作

      // 模拟异步操作，延迟2秒后结束加载
      setTimeout(() => {
        this.isLoading = false; // 加载结束
      }, 2000);
    }
  }
};
</script>