← Back to rules

vue/no-this-in-before-route-enter 正确性

它的作用

禁止在 beforeRouteEnter 方法中使用 this。

此规则仅在使用 vue-router 时相关。

为什么这是个问题？

在 beforeRouteEnter 方法内部，无法访问 this。 参见 vue-router 文档。 这种行为并不明显，因此该代码检查规则可以在某些情况下帮助防止运行时错误。

示例

此规则的错误代码示例：

export default {
  beforeRouteEnter(to, from, next) {
    this.a; // 错误：'this' 不可用
    next();
  },
};

此规则的正确代码示例：

export default {
  beforeRouteEnter(to, from, next) {
    // 任何不包含 `this` 的内容
  },
};

如何使用

要通过配置文件或 CLI 启用此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/no-this-in-before-route-enter": "error"
  }
}

CLI

oxlint --deny vue/no-this-in-before-route-enter --vue-plugin

参考资料

• 规则源码