在多个复选框中保留响应数据（Vue.js）

Question

我是 vue 新手。所以我试图通过网络服务器来试验请求和响应。如图所示，我有多个复选框：

        <li>
          <div class="config-label">Photoshop IRB</div>
          <div class="config-value">
            <input
              type="checkbox"
              class="rounded text-light mr-3 bigger-checkboxes"
              value="photoshop"
              v-model="checkedCategories"
            />
          </div>
        </li>
        <li>
          <div class="config-label">Flashpix</div>
          <div class="config-value">
            <input
              type="checkbox"
              class="rounded text-light mr-3 bigger-checkboxes"
              value="flashpix"
              v-model="checkedCategories"
            />
          </div>
        </li>

这样可以有多个复选框。脚本是：

export default{
    data(){
        return {
            checkedCategories : []
        };
    },
    created() {
        this.getExtractionConfig().then((data) => {
        this.checkedCategories = data;
    });
  },

现在我如何从响应中保留复选框的值？

Answer 1

哦，在调试之后，我找到了解决我这一边愚蠢失误的解决方案。我必须选择数据中的键。原来如此：

    created() {
        this.getExtractionConfig().then((data) => {
        this.checkedCategories = data.selected_categories;
    });