vue里@scroll无效

在 Vue 中，@scroll 是一个用于监听元素滚动事件的指令。如果该指令不起作用，可能是以下原因之一：

1. 没有正确绑定指令：确保你已经正确地将 @scroll 绑定到需要监听滚动事件的元素上。

2. 元素没有滚动：如果元素没有内容或者内容没有超出元素的高度，那么元素就不会滚动。在这种情况下，@scroll 指令将无效。

3. 没有设置高度或者 overflow 属性：如果元素没有设置高度或者 overflow 属性，则元素的内容就不会超出元素的边界，也就不会发生滚动。因此，在使用 @scroll 指令之前，确保元素已经设置了高度或者 overflow 属性。

4. 父元素也监听了滚动事件：如果父元素也监听了滚动事件，那么子元素的 @scroll 指令可能会失效。在这种情况下，可以尝试使用 stopPropagation() 方法阻止事件冒泡。

希望以上几点可以帮助你解决问题。