【无标题】

在你提供的代码中,jobControlListGroups是一个计算属性,但是你尝试在onMounted钩子函数中给它赋值,导致出现了错误"Write operation failed: computed value is readonly"。

计算属性是只读的,不能直接进行赋值操作。如果你想更新计算属性的值,可以使用ref来创建一个可变的响应式变量,然后在需要更新时修改这个变量的值。

以下是修改的代码示例:

import { computed, onMounted, ref } from 'vue'

// ...

const jobControlListGroups = ref([])

onMounted(() => {
  jobControlListGroups.value = computeJobControlListGroups()
})

const computeJobControlListGroups = () => {
  const groups = []
  const groupSize = 2 // 每组2个
  for (let i = 0; i < staticData.workResult.length; i += groupSize) {
    groups.push(staticData.workResult.slice(i, i + groupSize))
  }
  return groups
}

在这个示例中,我们创建了一个可变的响应式变量jobControlListGroups,并在onMounted钩子函数中调用computeJobControlListGroups函数来计算并更新它的值。

通过这种方式,你就可以避免在计算属性上进行写操作,同时仍然可以根据需要动态更新jobControlListGroups的值。

你可能感兴趣的:(vue.js,javascript,前端)