vue/no-this-in-before-route-enter Correctness
它的作用
禁止在 beforeRouteEnter 方法中使用 this。
此规则仅在使用 vue-router 时相关。
为什么这不好？
在 beforeRouteEnter 方法内部，无法访问 this。 参见 vue-router 文档。 这种行为并不明显，因此在某些情况下，这条 lint 规则可以帮助防止运行时错误。
示例
以下是此规则的错误代码示例：
js
export default {
beforeRouteEnter(to, from, next) {
this.a; // 错误：'this' 不可用
next();
},
};以下是此规则的正确代码示例：
js
export default {
beforeRouteEnter(to, from, next) {
// 不使用 `this` 的任何内容
},
};如何使用
To enable this rule using the config file or in the CLI, you can use:
json
{
"plugins": ["vue"],
"rules": {
"vue/no-this-in-before-route-enter": "error"
}
}ts
import { defineConfig } from "oxlint";
export default defineConfig({
plugins: ["vue"],
rules: {
"vue/no-this-in-before-route-enter": "error",
},
});bash
oxlint --deny vue/no-this-in-before-route-enter --vue-plugin版本
此规则是在 v1.37.0 中添加的。