Composition API中可变响应性的丧失

Question

我正在尝试从useForm助手中获取ranks_options的等级数组，但它无法跟踪当前数组

请检查以下是我的代码

const form = useForm({
    name: null,
    ranks: [],
});

function addRanks() {
    form.ranks.push({ name: null, id:null});
}

ranks_options = form.ranks.map(function (value) {
    return value.name;
});

Answer 1

将其转换为计算属性：

const ranks_options = computed(() => form.ranks.map(value => value.name)

这将将form.rank设置为依赖项，并在依赖项更改时重新计算其值。