Vue.js Vue 3 – 渲染无法动画的非元素根 node

<router-view v-slot="{ Component }">
   <transition name="fade" mode="out-in" appear>
      <component :is="Component"></component>
   </transition>
</router-view>

<div v-if="page.isReady">
   <swiper>
      <swiper-slide>Slide 1</swiper-slide>
      <swiper-slide>Slide 2</swiper-slide>
      <swiper-slide>Slide 3</swiper-slide>
   </swiper>
</div>

import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/swiper.scss';

export default {
  components: {
    Swiper,
    SwiperSlide,
  },
  
  setup () {
    return {
      page: usePage()
    }
  }
}

<template>
  <div></div>
  <div>~someone~</div>
</template>

<template>
  <div>
  　　<div></div>
    ~someone~
  </div>
</template>

Vue.js相关问答推荐

Vue ChildComponent (GrandchildComponent) 应该更新 ParentComponent 的列表

Vuetify 3 v-radio-group 将模型设置为 null

将 v-calendar 与以时间和日期格式出现的事件一起使用

有没有办法将react 键作为值传递给由 v-for 创建的 v-model

vue3 + pinia：如何从？store 中获取一个值

为什么将 name 与 router-link 一起使用比仅使用 to 与 path 更好？

我可以在打印 HTML 页面时使用作用域 CSS 吗？ (使用 Laravel 和 Vue.js)

有没有办法初始化一个保留初始 HTML 的 Vue 对象

Vue.js 开发工具未显示

在 vue.js 中获取当前时间和日期

单击链接会更改 url，但不会更改页面上的内容/数据

如何使用 vuejs 从 SPA 访问 /storage -laravel- 中的图像

VS代码中的红点是什么意思

使用 vue-router 的默认子路由

在找不到图像源时设置替代图像

将 SignalR 与 Vue.js 和 Vuex 集成

找不到模块 'babel-core' 但已安装 @babel/core

将 ref 的内容从子组件传递到另一个 VueJS 子组件

Vuetify RTL 风格

Vuejs 不会在 HTML 表格元素中呈现组件