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

Posted 2023-02-16

【中文标题】在多个复选框中保留响应数据（Vue.js）

【英文标题】：Retaining response data in multiple checkboxes (Vue.js)

【发布时间】：2021-09-08 21:23:25

【问题描述】：

我是 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;
    );
  ,

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

【参考方案1】：

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

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