在多个复选框中保留响应数据 (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

哦，好的，调试后我找到了解决我这边愚蠢失误的方法。我不得不 select 数据中的关键。所以它是：

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