More than 5 years have passed since last update.

Bootstrap-Vue の carousel からクリックイベントを拾うには

Posted at 2020-01-27

だめな例

    <b-carousel
      id="reccomended-banner"
      v-model="slide"
    >
      <b-carousel-slide
        src="hogehoge.png"
        @click="hugahuga"
      >
      </b-carousel-slide>
    </b-carousel>

なお、 b-carousel-slide ではなく b-carousel に @click を仕込んでもだめ。

うまくいく例

    <b-carousel
      id="reccomended-banner"
      v-model="slide"
    >
      <b-carousel-slide>
        <img slot="img" class="d-block img-fluid" src="hogehoge.png" @click="hugahuga" />
      </b-carousel-slide>
    </b-carousel>

ちゃんと要素を中に定義してあげればうまくいく模様。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up