如何停止 BootstrapVue 轮播循环？

【问题标题】：How to stop BootstrapVue carousel cycling?如何停止 BootstrapVue 轮播循环？
【发布时间】：2021-04-20 04:27:35
【问题描述】：

我试过了：

<template lang="pug">
  b-carousel(
    id='categoryRoulette'
      controls
      no-animation
      ref="myRoulette"
  )

<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  mounted(): void {
    this.$refs.myRoulette.pause()
  },

但是，我遇到了以下错误：

【问题讨论】：

标签： vue.js bootstrap-vue

【解决方案1】：

来自 bootstrap-vue docs:

要暂停轮播自动滑动，请将 interval 属性设置为 0。要重新启动暂停的轮播，请将间隔设置回所需的毫秒数。

查看此演示：https://jsfiddle.net/me3610uy/3/

<b-carousel v-model="slide" :interval="interval" >
  // your content here
</b-carousel>

new Vue({
  //...
  data() {
    return {
      slide: 0,
      interval: 3000
    }
  },
  mounted() {
    this.interval = 0; // Set the interval variable to zero to pause the carousel
  }
})

【讨论】：