Vuejs - привязать значение из массива к входному радио по идентификатору

Question

Я пытаюсь редактировать свое приложение. Я использую vuejs для внешнего интерфейса и Django для внутреннего интерфейса. Это изображение при его создании.

However, this's i got when get intial value when trying update

And this is array i got from backend

Any Here My Code

 TWG1: Гражданские права и свободы TWG2: Семейное окружение и альтернативный уход TWG3: Basi c Здоровье и благополучие TWG4: Образование, отдых и культурная деятельность TWG5: Специальная мера защиты  

Моя проблема в том, что когда я пытался добавить v-model=form.twg[0] поле ввода, флажок будет checked, я хочу сделать его checked, сравнив form.twg[0].id === 1, 2, 3.. so on в поле ввода.

Извините за ma bad engli sh.

Here my script Code

<script>
import axios from "axios";
export default {
    name: "PartnerID",
    data() {
        return {
            form: {
                twg: [],
            },
        };
    },

    created() {
        this.fetchPartnerID();
    },

    methods: {
        fetchPartnerID() {
            axios
                .get(`api/v1/partner/${this.$route.params.id}`)
                .then((res) => {
                    // this.partner = res.data
                    Vue.set(this.$data, "form", res.data);
                    console.log(res);
                })
                .catch((err) => {
                    console.log(err.response);
                });
        },

        edit() {
            this.$router.push(`/partner/${this.$route.params.id}/edit`);
        },

        back() {
            this.$router.push(`/partner/`);
        },
    },
};
</script>

В любом случае я буду признателен за вашу помощь ....

Answer 1

При привязке к v-model флажки либо отмечены, либо нет, если привязанная к ним переменная true или false. Вам нужно будет изменить структуру данных, чтобы они содержали свойство, отражающее это.

Если вы хотите, чтобы отмечены только те флажки, для которых у вас есть записи в вашем массиве, вам нужно использовать другой массив или объект в вашем компоненте, который будет привязан к флажкам и будет заполнен из ваших результатов API.

Docs .