bootstrap-vue/src/components/carousel/fixtures/carousel.js

Quickly integrate Bootstrap 4 components with Vue.js

window.app = new Vue({
  el: '#app',
  data: {
    slide: 0,
    sliding: null
  },
  methods: {
    blankImg (x, y) {
      // Return a blank SVG image with specified width and height
      // Handy for maintaining aspect ratio for text only slides
      return 'data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D' +
                 "'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' " +
                 "viewBox%3D'0 0 " + x + ' ' + y + "'%2F%3E"
    },
    onSlide (slide) {
      this.sliding = true
    },
    onSlid (slide) {
      this.sliding = false
    }
  }
})