← 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 でこのルールを有効化するには、以下の方法が使えます：

Config (.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

参照

• ルールのソース