标签: vue-suspense

为什么我不能将 v-sculpt-loader 与 vuetify 一起使用

我不知道为什么我不能使用 v-sculpt-loader。每当我使用该组件时,控制台都会向我抛出此警告:无法解析组件:v-骨骼加载器。

我使用 vuetify”:3.1.4


<Suspense>
          <template #default>
            <boutique_data />
          </template>
          <template #fallback>
            <v-sheet class="px-3 pt-3 pb-3">
              <v-skeleton-loader type="table" :loading="true"></v-skeleton-loader>
            </v-sheet>
          </template>

</Suspense> 

Run Code Online (Sandbox Code Playgroud)

当我删除组件并在后备模板中放入一些随机内容时,一切正常。我希望有人能帮助我

提前致谢

javascript vue.js vuetify.js vue-suspense

2
推荐指数
1
解决办法
3320
查看次数

无法将 Vue 设置函数标记为异步

我有一个使用组合 api 的 Vue3 应用程序,并且想要在setup函数内异步获取数据。

对我有用的方法:


与 Promise 一起工作

    <template>
      <div>{{ result }}</div>
    </template>
    
    <script lang="ts">
    import { defineComponent, ref } from "vue";
    
    export default defineComponent({
      setup() {
        const result = ref();
    
        fetch("https://api.publicapis.org/entries")
          .then((response: Response) => response.json())
          .then((jsonResponse: any) => {
            result.value = jsonResponse;
          });
    
        return { result };
      },
    });
    </script>
Run Code Online (Sandbox Code Playgroud)

使用onMounted钩子

    <template>
      <div>
        {{ result }}
      </div>
    </template>
    
    <script lang="ts">
    import { defineComponent, ref, onMounted } from "vue";
    
    export default defineComponent({
      setup() {
        const …
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs3 vue-suspense

0
推荐指数
1
解决办法
7120
查看次数

标签 统计

vue-suspense ×2

vue.js ×2

javascript ×1

vuejs3 ×1

vuetify.js ×1