n_osennij

n_osennij

Member Since 1 Year Ago

Experience Points
940
Total
Experience

4,060 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
6
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start-engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber-token Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer-token Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • lara-evanghelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

Level 1
940 XP
Jun
01
5 months ago
Activity icon

Replied to Dynamic V-model

form in data() must be {} - not [].

Activity icon

Replied to Dynamic V-model

@EJDELMONICO - As I said above - But if look at VueDevtools or send form to server - its empty.. I see empty array. But If console.log(this.form) result will be next - see my question above.

Activity icon

Started a new Conversation Dynamic V-model

I have dynamic form (the number of fields is variable and has different names; for example temperatyra and time). So, to submit form I need first save this data to variable. But how can I create dynamic v-model variables? I try next

<div v-for="specification in journal.specifications" :key="specification.id">
    <input type="text" :id="specification.slug" :name="specification.slug" v-model="form[specification.slug]>
</div>

But if look at VueDevtools or send form to server - its empty. If console.log(this.form) result will be next

[temperatyra: (...), vlagnost: (...), time: (...), __ob__: Observer]
temperatyra: (...)
time: (...)
vlagnost: (...)
length: 0

Pay attention to length: 0

What can I do?

all component code

<template>
    <form action="#" method="POST" @submit.prevent="setEntry">
        <div class="form-group" v-for="specification in journal.specifications" :key="specification.id">
            <label :for="specification.slug">{{specification.name}}</label>
            <input type="text" class="form-control" :id="specification.slug" :name="specification.slug" v-model="form[specification.slug]" required>
        </div>
        <button type="submit" class="btn btn-primary btn-block">Submit</button>
    </form>
</template>

<script>
    export default {
        name: "JournalComponent",
        props: [
            'journal_id',
        ],
        mounted() {
            this.getJournalData();
        },
        data() {
            return {
                journal: [],
                form: [],
            }
        },
        methods: {
            async getJournalData() {
                let response = await axios.get('/journals/specifications/' + this.journal_id);
                this.journal = response.data;
            },
            async setEntry() {
                console.log(this.form);
                let response = await axios.post('/entries', {
                    form_data: this.form,
                });
            }
        }
    }
</script>