VueJs nie moge iterowac po Set/Map

0

Czesc mam taki problem ze nie moge przeiteroawc po Mapie ani Secie czy ktos mogl by mi powiedziec dlaczego ?
Kod

<template>
    <div>
        <p class="newRecordTitle"><strong>Create new record</strong></p>
        <form>
            <div class="form-group" v-for="field in fields">
                <label :for="field"><strong>{{ field }}</strong></label>
                <input type="text" class="form-control" :id="field"  :placeholder="field" :v-model="field.split(' ').join('_')">
            </div>
        </form>
        <button @click="handleData" class="btn btn-success createBtn">Create</button>
        
    </div>
</template>

<script>
export default {
    props: ['fields'],
    data(){
        return {
            fieldsMapping: new Set(),
            
        }
    },
    methods: {
        handleCreate(){
            this.fieldsMapping.forEach((key, value) => {
                console.log(key)
            })
        }
    },
    created(){
        this.fields.map(item => {
            this.fieldsMapping[item] = null;
        })
        console.log(this.fieldsMapping);
    }
}
</script>

<style scoped>
.createBtn{
    float: right;
}
.newRecordTitle{
    font-size: 30px;
}
</style>


Chodzi dokladnie o metode handleData

0

Nie masz w tym kodzie metody handleData.

Edit. Jak chcesz iterować po set wystarczy zrobić dodatkowe computed property które zmieni set na array.

0

Gdybyś wpisał w Google vue iterate over set, natrafiłbyś na ten wątek, gdzie piszą This is planned for vue.js v3.0. oraz opisują sugerowane rozwiązanie.

0
Patryk27 napisał(a):

Gdybyś wpisał w Google vue iterate over set, natrafiłbyś na ten wątek, gdzie piszą This is planned for vue.js v3.0. oraz opisują sugerowane rozwiązanie.

Jak bys czytal dokladnie pytanie to bys wiedzial ze nie chodzi mi o v-for tylko o iteracje w funkcji a to juz skladnia JS/ES

0

Jak bys czytal dokladnie pytanie to bys wiedzial ze nie chodzi mi o v-for tylko o iteracje w funkcji a to juz skladnia JS/ES

Która część Twojego pytania to konkretnie sugeruje? ;-]
Dodatkowo: jeśli nie chodzi o v-for, co ma Vue do rzeczy?

Tak czy siak: nie wrzuciłeś w takim razie problematycznego fragmentu kodu.

1 użytkowników online, w tym zalogowanych: 0, gości: 1