VueJS scrollBehavior() 参数导致错误

Question

我正在尝试将我的 VueJS 应用程序设置为在将路线更改为不同视图时滚动到顶部。我已将 scrollBehavior 方法添加到路由器配置中，但我遇到了一些问题。

如果我尝试“npm 运行 serve”，我在使用 scrollBehavior(to, from, savedPosition) 时会收到错误消息，但如果我删除函数参数，则没有问题。如果我禁用 prettier 它也能正常工作，但“firebase deploy”每次仍然失败。

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

错误

“to”已定义但从未使用过 “from”已定义但从未使用过 “savedPosition”已定义但从未使用

Screenshot

Image of errors

Answer 1

这是您的 eslint 规则的错误 no-unused-vars，只需删除这些参数，因为您没有使用它。

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

或者如果您希望参数仍然存在，您可以在该行禁用 eslint 规则

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

VueJS scrollBehavior() 参数导致错误

VueJS scrollBehavior() parameters causing an error

router

vue.js

vue-router

vue-component

vuejs2