Verlust der veränderlichen Reaktionsfähigkeit in der Composition API

Question

Ich versuche, das Ranks-Array von ranks_options vom useForm-Helfer abzurufen, aber es verfolgt nicht das aktuelle Array

Bitte überprüfen Sie unten meinen Code

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设置为依赖项，并在依赖项更改时重新计算其值。