我在Vuejs项目上运行了Airbnb Eslint次(使用Vue cli).其中一条规则是no-param-reassign.使用Vuex(必须/必须)来控制状态:
Rules conflict
mutations: {
increase: (state) => {
state.counter++;
}
}
After changes according to rules
mutations: {
increase: (state) => {
const thisState = state;
thisState.coutner++;
}
}
有没有更好的方法来写上面的陈述而不违反eslint规则？
Solution (thanks to 100's 101)
在规则的ignorePropertyModificationsFor处加'state'.
不，对不起.
由于Vue使Vuexstore 的状态变为react 状态，所以当我们改变
资料来源:https://vuex.vuejs.org/en/mutations.html
这确实意味着你需要对参数进行must次变异，以使任何变化进入你的实际状态.唯一的解决办法就是关闭这个规则.
Addendum:
我可能有更好的解决办法.请注意，这是their ESLint执行的实际规则:
'no-param-reassign': ['error', {
props: true,
ignorePropertyModificationsFor: [
'acc', // for reduce accumulators
'e', // for e.returnvalue
'ctx', // for Koa routing
'req', // for Express requests
'request', // for Express requests
'res', // for Express responses
'response', // for Express responses
'$scope', // for Angular 1 scopes
]
}],
您可以将'state'添加到ignorePropertyModificationsFor数组中，这样在修改状态属性时就不会遇到错误.