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

Posted 2023-02-23

【中文标题】由于 ReferenceError，轮播未初始化：未定义 onSlideStart

【英文标题】：Carousel not initializing due to ReferenceError: onSlideStart is not defined

【发布时间】：2018-07-12 07:32:57

【问题描述】：

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

我有示例轮播代码from the examples。我已将此脚本包含在 <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)

【问题讨论】：

您是使用单文件组件（*.vue）还是使用运行时方法？

目前直接转成.erb

必须是自己的组件吗？

【参考方案1】：

作为 vue 的菜鸟，我刚刚意识到我可以在运行时使用以下方法做到这一点

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