vue.js未捕获错误：没有元素选项传递给Waypoint构造函数

Question

我尝试使用视点，然后将值传递给我的路点它发送我的消息：未捕获错误：没有元素选项传递给Waypoint构造函数，我得到了这样的代码：

在我看来galeri.vue：

User.where(id: id).where.not(id: nil).first

知道我做错了什么

Answer 1

对于单个文件组件，您需要实际导出Vue组件。所以你的脚本应该看起来像这样：

<script>
  require('waypoints/lib/jquery.waypoints.min.js')
  export default {
    mounted(){
      var ele
      new Waypoint({
        element: ele = document.getElementById('final'),
        handler: function(direction) {
          if (direction == 'down') {
            $(ele).addClass('muestra')
          } else {
            $(ele).removeClass('muestra')
          }
          console.log(direction);
        }
      });
    }
  }
<script>

这会将模板装载到DOM中，然后将运行Waypoint脚本。