vue/next-tick-style Style

🛠️ An auto-fix is available for this rule.

强制在 nextTick 中使用 Promise 或回调风格。

在 Vue.js 中，nextTick 既可以通过传入回调函数使用，也可以通过使用返回的 Promise 来使用。混用这些风格会让代码更难阅读，也不够一致。请始终保持使用同一种风格。

以下是此规则在默认 "promise" 选项下的错误代码示例：

this.$nextTick(() => {});
Vue.nextTick(() => {});
import { nextTick } from "vue";
nextTick(() => {});

以下是此规则在默认 "promise" 选项下的正确代码示例：

this.$nextTick().then(() => {});
await Vue.nextTick();
import { nextTick } from "vue";
await nextTick();

以下是此规则在 "callback" 选项下的错误代码示例：

await this.$nextTick();
Vue.nextTick().then(() => {});

以下是此规则在 "callback" 选项下的正确代码示例：

this.$nextTick(() => {});
Vue.nextTick(() => {});

配置

此规则接受以下字符串值之一：

要求使用 nextTick 返回的 Promise。

要求向 nextTick 传入一个回调函数。

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)Config (oxlint.config.ts)CLI

json

{
  "plugins": ["vue"],
  "rules": {
    "vue/next-tick-style": "error"
  }
}

import { defineConfig } from "oxlint";

export default defineConfig({
  plugins: ["vue"],
  rules: {
    "vue/next-tick-style": "error",
  },
});

bash

oxlint --deny vue/next-tick-style --vue-plugin

此规则已在 v1.69.0 中添加。