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設為依賴項，並在依賴項變更時重新計算其值。