Vuex Action Handler参数行为及ESLint规则适配咨询

先给你理清楚Vuex Action Handler的参数逻辑，再一步步教你怎么完全符合eslint:recommended规则：

一、核心：搞懂Vuex Action Handler的参数行为 #

Vuex的Action handler固定接收两个参数，顺序不能乱：

1. 第一个参数：context对象，包含commit、state、dispatch、getters等Vuex核心方法/属性，这个参数是必传的，没办法省略。
2. 第二个参数：payload，就是你在组件里调用store.dispatch('actionName', payload)时传入的自定义参数，这个是可选的。

你之前写的handler:(payload) => {}是典型的误区——这里的payload其实是context对象，不是你期望的自定义参数，这会导致你根本拿不到组件传入的真实payload，必须纠正这个写法。

二、针对不同场景的ESLint合规写法 #

根据你的需求，分三种场景给出精准解决方案，完全适配ESLint推荐规则：

1. 不需要context，仅需使用payload #

直接把第一个参数用下划线_占位（ESLint默认允许下划线作为未使用参数的标识），写法如下：

actions: {
  handler: (_, payload) => {
    // 这里的payload就是组件传入的真实参数
    console.log(payload);
  }
}

如果你的ESLint还是对下划线报警告，可以在ESLint配置的rules里补充：

"no-unused-vars": ["warn", { "argsIgnorePattern": "^_$" }]

明确告诉ESLint忽略下划线开头的未使用参数。

2. 需要context中的部分属性，其他属性未使用 #

只解构你实际需要的属性即可，比如仅用到commit：

actions: {
  handler: ({ commit }, payload) => {
    commit('mutationName', payload); // commit被实际使用，不会触发未使用变量报错
  }
}

如果必须解构多个属性但只用其中几个，给未使用的属性加下划线标记：

actions: {
  handler: ({ commit, state: _ }, payload) => {
    commit('mutationName'); // 仅使用commit，state用下划线标记为不需要
  }
}

3. 避免空对象解构的报错 #

你之前写的({}, payload)会触发ESLint的no-empty-pattern规则（属于eslint:recommended内置规则），因为空的解构模式没有实际意义。这种情况直接用(_, payload)替代空对象解构即可，既符合语义，又不会触发报错。

三、为什么不建议绕过ESLint？ #

你之前把no-unused-vars设为警告虽然能暂时规避，但ESLint的规则本质是帮你排查潜在代码问题——比如你误把context当成payload的写法，ESLint其实是在提醒你代码逻辑可能存在错误，按照上面的写法修正才是根本解决办法。

内容的提问来源于stack exchange，提问作者user10816184