Ember.js -多个复选框-将值传递给queryParam

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { queryParam } from 'ember-query-params';

export default class MyComponent extends Component {
  @tracked
  @queryParam('array')
  selectedValues = [];
}

{{#each options as |option|}}
  <label>
    {{option.label}}
    <input type="checkbox" checked={{this.selectedValues.includes(option.value)}} onchange={{action this.updateSelectedValues option.value}}>
  </label>
{{/each}}

import { action } from '@ember/object';

export default class MyComponent extends Component {
  // ...

  @action
  updateSelectedValues(value) {
    if (this.selectedValues.includes(value)) {
      this.selectedValues = this.selectedValues.filter(v => v !== value);
    } else {
      this.selectedValues = [...this.selectedValues, value];
    }
  }
}