“currentData”计算属性中的意外副作用

Question

我如何从computedVue.js 中返回一个数组？

我收到此错误：

“currentData”计算属性 vue/no-side-effects-in-computed-properties 中的错误意外副作用...

我的代码如下：

export default {

  computed: {

    currentData: function() {

      this.series[0].data = [1, 2, 3, 4, 5, 6, 7, 8];

      return this.series[0].data;

    }

  }

};

<template>

  <div>

    {{currentData}}

  </div>

</template>

Answer 1

我不是 Vue 专家，但是你得到的错误很清楚——你不应该在计算属性中改变你的状态。您只能引用它们并生成一些只读响应作为结果。请删除this.series[0].data=[1,2,3,4,5,6,7,8];并在其他地方更新