javascript - 由于 ReferenceError，轮播未初始化：未定义 onSlideStart

Question

我有一个无法正常工作的 bootstrap-vue 轮播。

我有示例中的示例轮播代码。我已将此脚本包含在以下内容中<div>：

  <script>
    export default {
      data () {
        return {
          slide: 0,
          sliding: null
        }
      },
      methods: {
        onSlideStart (slide) {
          this.sliding = true
        },
        onSlideEnd (slide) {
          this.sliding = false
        }
      }
    }
  </script>

但是，我仍然收到此错误：

vue.min.js:6 ReferenceError: onSlideStart is not defined
    at Rt.eval (eval at Tn (vue.min.js:6), <anonymous>:2:271)
    at Rt.t._render (vue.min.js:6)
    at Rt.r (vue.min.js:6)
    at Kr.get (vue.min.js:6)
    at new Kr (vue.min.js:6)
    at vue.min.js:6
    at Rt.$mount (vue.min.js:6)
    at Rt.$mount (vue.min.js:6)
    at Rt.t._init (vue.min.js:6)
    at new Rt (vue.min.js:6)

Answer 1

作为一个 vue 的菜鸟，我刚刚意识到我可以在运行时使用以下命令执行此操作

  new Vue({el: '#carousel',
    data: {
      slide: 0,
      sliding: null
    },
    methods: {
      onSlideStart: function(slide) {
        this.sliding = true
      },
      onSlideEnd: function(slide) {
        this.sliding = false
      }
    }
  })