VueJS scrollBehavior() 参数导致错误答案

【问题标题】：VueJS scrollBehavior() parameters causing an errorVueJS scrollBehavior() 参数导致错误
【发布时间】：2020-10-29 17:36:10
【问题描述】：

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

如果我尝试“npm run 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

【问题讨论】：

您遇到的这些错误是什么？请更新您的帖子。

标签： vue.js vuejs2 vue-component vue-router router

【解决方案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 }; 
},

【讨论】：