检测被点击的 v-carousel 上的分隔符

Question

有没有一种方法可以检测何时单击 v-carousel 上的分隔符？

Answer 1

像这样的东西应该可以工作

<button @click="handleClick">...</button>

参见event handling docs。

编辑

假设你使用的是 vuetify 的轮播组件，你也可以使用 their events.

<template>
  <v-carousel v-model="model" @change="handleChange">
    <v-carousel-item
      v-for="(color, i) in colors"
      :key="color"
    >
      <v-sheet
        :color="color"
        height="100%"
        tile
      >
        <v-row
          class="fill-height"
          align="center"
          justify="center"
        >
          <div class="display-3">
            Slide {{ i + 1 }}
          </div>
        </v-row>
      </v-sheet>
    </v-carousel-item>
  </v-carousel>
</template>

检测被点击的 v-carousel 上的分隔符

Detecting delimiter on v-carousel being clicked

vue.js

v-carousel