귀하의 예에서 문제는 event.target이 스크롤바 요소가 아니라 아이콘이라는 것입니다.
ref를 사용하여 올바른 요소를 타겟팅하는지 확인하세요. 1
또 다른 옵션은 요소의 scrollLeft HTML 속성에 바인딩하고 Vue가 DOM 업데이트를 처리하도록 하는 것입니다. 컨트롤러에서 값을 변경하면 됩니다.
우리는 .camel 修饰符来绕过 HTML 属性（我们用来绑定到属性的属性）不区分大小写的事实 :scroll-left.camel2, 3
을 사용합니다.
으아아아
으아아아
으아아아
참고:
1 - scrollLeft 属性，所以我们不需要 ref 不再。我保留它是因为我想将控制器 scrollLeft 值限制在有效值内，并且需要 ref 속성에 바인딩하고 있으므로 더 이상 ref가 필요하지 않습니다. 컨트롤러 값을 유효한 값으로 제한하고 싶고 최대값을 계산하는 데 필요했기 때문에 이를 유지했습니다. 2:scroll-left.camel.prop，因为它是一个 HTML 属性，但是它也可以在没有 .prop - 기술적으로는 수정자 없이도 작동해야 합니다.
3.scroll-left.camel 也适用（:scroll-left.camel 的简写.prop
저는 귀하와 유사한 접근 방식을 시도했지만 귀하의 ScrollIcons 메서드에서 event.target.scrollLeft += event.deltaY 中使用 currentTarget 而不是 target 时才起作用 해보기 전까지는 그렇지 않았습니다. 이렇게 하면 커서가 아이콘 위에 있는 동안 마우스 휠을 사용할 때 아이콘 대신 포함된 div 또는 레이블을 대상으로 지정하게 됩니다. 즉, 커서가 포함된 div와 마우스 휠 내에 있는 한 div는 div와 마우스 커서 사이의 다른 요소에 관계없이 반응해야 합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
귀하의 예에서 문제는
event.target이 스크롤바 요소가 아니라 아이콘이라는 것입니다.ref를 사용하여 올바른 요소를 타겟팅하는지 확인하세요. 1또 다른 옵션은 요소의
scrollLeftHTML 속성에 바인딩하고 Vue가 DOM 업데이트를 처리하도록 하는 것입니다. 컨트롤러에서 값을 변경하면 됩니다.우리는
을 사용합니다..camel修饰符来绕过 HTML 属性（我们用来绑定到属性的属性）不区分大小写的事实:scroll-left.camel2, 3참고:
1 -
- 🎜). 🎜scrollLeft属性，所以我们不需要ref不再。我保留它是因为我想将控制器scrollLeft值限制在有效值内，并且需要ref속성에 바인딩하고 있으므로 더 이상ref가 필요하지 않습니다. 컨트롤러값을 유효한 값으로 제한하고 싶고 최대값을 계산하는 데 필요했기 때문에 이를 유지했습니다. 2
:scroll-left.camel.prop，因为它是一个 HTML 属性，但是它也可以在没有.prop- 기술적으로는 수정자 없이도 작동해야 합니다. 3
.scroll-left.camel也适用（:scroll-left.camel 的简写.prop저는 귀하와 유사한 접근 방식을 시도했지만 귀하의 ScrollIcons 메서드에서
event.target.scrollLeft += event.deltaY 中使用해보기 전까지는 그렇지 않았습니다. 이렇게 하면 커서가 아이콘 위에 있는 동안 마우스 휠을 사용할 때 아이콘 대신 포함된 div 또는 레이블을 대상으로 지정하게 됩니다. 즉, 커서가 포함된 div와 마우스 휠 내에 있는 한 div는 div와 마우스 커서 사이의 다른 요소에 관계없이 반응해야 합니다.currentTarget而不是target时才起作用