在Vue js加载器中需要带有图标的文本

npm install --save @fortawesome/fontawesome-free
# 或者
yarn add @fortawesome/fontawesome-free

<template>
  <div>
    <!-- 使用Font Awesome图标 -->
    <i class="fas fa-spinner fa-spin"></i>
    <span>加载中...</span>
  </div>
</template>

<script>
export default {
  name: 'LoadingComponent'
  // ...
};
</script>

<style>
/* 你可以在这里添加一些样式来美化加载器 */
.fas {
  margin-right: 5px; /* 图标和文本之间的间距 */
}
</style>

<template>
  <div v-if="isLoading">
    <i class="fas fa-spinner fa-spin"></i>
    <span>加载中...</span>
  </div>
</template>

<script>
export default {
  name: 'LoadingComponent',
  data() {
    return {
      isLoading: true // 控制加载器的显示与隐藏
    };
  },
  // ...
};
</script>