programing

오류를 유발하는 VueJS crollBehavior() 매개 변수

prostudy 2022. 3. 12. 10:39
반응형

오류를 유발하는 VueJS crollBehavior() 매개 변수

경로를 다른 보기로 변경할 때 위쪽으로 스크롤하도록 VueJS 앱을 설정하려고 해.라우터 구성에 crollBehavior 메서드를 추가했는데 문제가 좀 있어.

"npm run serve"를 시도하면 crollBehavior(to, from, savedPosition)를 사용할 때 오류가 발생하지만 함수 파라미터를 제거하면 문제가 없다.내가 더 예뻐지지 않게 하면 그것도 효과가 있지만 "소방서 배치"는 매번 실패한다.

   const router = new VueRouter({
      mode: "history",
      base: process.env.BASE_URL,
      routes, 
      scrollBehavior (to, from, savedPosition) {
        return { x: 0, y: 0 }; 
      },
    });

오류

"to"는 정의되지만 결코 사용되지 않는 "from"은 정의되지만 "savedPosition"은 정의되지만 결코 사용되지 않음

스크린샷

오류 이미지

그것은 당신의 eslint 규칙의 오류다. 당신이 그것을 사용하고 있지 않기 때문에 단지 파라미터를 제거하라.

scrollBehavior () {
    return { x: 0, y: 0 }; 
},

또는 매개 변수를 계속 사용하려면 해당 줄에서 eslint 규칙을 사용하지 않도록 설정하십시오.

// eslint-disable-next-line no-unused-vars
scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }; 
},

참조URL: https://stackoverflow.com/questions/62809522/vuejs-scrollbehavior-parameters-causing-an-error

반응형