如何在VUE中将表单值转换为数组

Question

我正在尝试找出如何将info转换为数组以将其与另一个数组进行比较。

这是我的代码

<input type="checkbox" v-model="info.q1">
<input type="checkbox" v-model="info.q2">
<input type="checkbox" v-model="info.q3">

Answers[],    
info : {
      q1: '4',
      q2: '4',
      q3: '4'
    }

我正在尝试获取如下内容：

var answers = [{q1: 4},{q2: 4}]

Answer 1

您可以将Computed Property命名为answers，例如：

    answers () {
        return Object.entries(this.info).map( ([key, value]) => ({ [key]: value }) )
    }

创建computed property后，您可以像this.answers那样称呼它。

或

您可以使用以下方法进行制作：

    methodName(){
        const answers = Object.entries(this.info).map( ([key, value]) => ({ [key]: value }) )
    }

Answer 2

使计算属性基于answers来计算info。

computed: {
  answers () {
    return Object.entries(this.info).map(
      ([key, value]) => { [key]: value }
    )
  }
}