vue.js - 显示根据用户选择选中的复选框

Question

我的应用程序接收一系列职业作为对象数组：

[
  {
    "id": 0,
    "value": "string",
    "selected": false
  },
  ...
]

occupations数组初始化为[]in ：data

data: function() {
        return {
            api: this.$store.state.api.user,
            ...
            occupations: [],
            selectedOccupations: []
        }
    }

该occupations数组在以下位置接收实际的 api 数据created()：

this.api.someApi((error, data, response) => {
            if (error) {
                console.log('fail fetching occupations:', error);
            } else {
                this.occupations = data;
            }
        });

一些职业由用户检查并保存到数据库中。

如何在所有职业列表中显示用户勾选的职业？

标签： vue.js