/Javascript/Vue/Vue js two form model example site stackoverflow.com

Vue js two form model example site stackoverflow.com

<template>
    <div>
        <form @submit.prevent="onSubmit">
            <input type="text" v-model="fields.fname11" />
            <input type="text" v-model="fields.fname12" />
            <button type="submit">submit</button>
        </form>
    </div>
</template>

<script>
    let formfields = {
        fname11: '',
        fname12: ''
    };

    export default {
        data() {
            return {
                fields: formfields
            }
        },

        methods: {
            onSubmit() {
                // code responsible for reading, validating and sending data here
                // ...
                console.log(this.fields);
            }
        },
    }
</script>

Source: stackoverflow.com

Similar codes

0 vote388 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote385 views1 answer
Vue cli debugger
Javascript Vue
6 votes362 views1 answer
Vuejs set
Javascript Vue
0 vote351 views1 answer
Vuetify change text color of radio button
Javascript Vue
0 vote362 views2 answers
Vuejs filter array by dates
Javascript Vue
0 vote375 views1 answer
Vuejs cant add script in template
Javascript Vue
7 votes406 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
-1 vote364 views2 answers
How to call function from another component in vue js
Javascript Vue
0 vote398 views1 answer
How to add okta api to vuejs
Javascript Vue
4 votes339 views4 answers
Vue scroll to top
Javascript Vue