error Unexpected side effect in "sortedData" computed property vue/no-side-effects-in-computed-properties报错怎么改
时间: 2023-06-13 13:02:10 浏览: 171
vue-router 按需加载 component: () = import() 报错的解决
这个报错是因为在计算属性 `sortedData` 中有副作用,即改变了计算属性外部的变量或状态。解决方法有两种:
1. 将计算属性 `sortedData` 改成方法,即使用 `methods` 定义。这样就不会有副作用的问题了。
2. 如果需要将 `sortedData` 定义为计算属性,可以将副作用代码移动到一个方法中,并在计算属性中调用该方法。例如:
```javascript
computed: {
sortedData() {
return this.getSortedData()
}
},
methods: {
getSortedData() {
// 副作用代码放到这里
// ...
return sortedData
}
}
```
这样就能避免副作用问题,同时也能保持 `sortedData` 的计算属性特性。
阅读全文