eslint error:unexpected side effect in computed propertyの解決法

最終更新日:2020年6月9日 ESLint

data()で定義したthis.datacollectionをcomputed内で変更すると、副作用を伴う処理を行うなというエラーが出た。

そこで、this.datacollectionのプロパティ更新は、methodsで記述することにした。

なお、他の解決策としてはthis.datacollectionをdataで定義せず、computedのdatacollectionChange()内で、

let datacollection = {
labels: _cloneDeep(this.graphLabels),

}

return datacollection;

としてもエラーは出ない。

参考

https://stackoverflow.com/questions/56160641/side-effects-in-computed-properties

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です