try 用vuetify创建一个 carousel .通常,下一个项目和上一个项目从相反的方向滑入.在我的 carousel 中,我希望下一个和上一个项目从同一个方向滑动(都从左/都从右).我试了reverse-transition次,但失败了.

<template>
  <v-app>
    <v-container>
      <v-carousel>
        <v-carousel-item
          v-for="i in 5"
          src="https://cdn.vuetifyjs.com/images/cards/docks.jpg"
          cover
          reverse-transition="slide-x-transition"
        ></v-carousel-item>
      </v-carousel>
    </v-container>
  </v-app>
</template>

推荐答案

使用reverse-transition="v-window-x-transition"(或transition="v-window-x-reverse-transition").虽然它没有出现在Vutify转换列表(here)中,但它是v-Window内部使用的(参见code).

这是playground

Vue.js相关问答推荐

我可以将Created()中内置的内容传递给Provide属性吗?

如何将 cogo toast PRIVE集成到nuxt3中?

使用V-TOOLTIP(实例化)使工具提示在V-文本字段中显示清晰的图标

使用 Vue.js 和 Jest 进行 URL 重定向测试

为什么在 Vue.js 中使用 `var` 关键字?

Express.js + lint 出错

如何将 vue.js 与 gulp 一起使用?

错误:您可能需要额外的加载器来处理这些加载器的结果.

Django Rest 框架、CSRF 和 Vue.js

使用 Vue.js (cdn) 在特定元素上切换显示/隐藏

为什么 vue 文档说 refs 不是响应式的,而实际上它们是响应式的

SassError:媒体查询表达式必须以(开头

此 set-cookie 已被阻止,因为它具有 samesite=lax

vue js 中的 process.env.BASE_URL 是什么?

我可以在 Vue 实例方法中传播的 mapMutations 中使用this吗?

构建 Vue.js 应用程序时 JavaScript 堆内存不足

使用 puppeteer 生成 PDF 而不保存

v-if 未在计算(computed)属性上触发

Vuex 模块Mutations

这个业务逻辑有多少属于 Vuex?