/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

2 votes305 views2 answers
Add params to url vue
Javascript Vue
3 votes269 views1 answer
Getter in action vuex
Javascript Vue
0 vote340 views1 answer
Routing vue with meta tag firebase
Javascript Vue
0 vote273 views1 answer
Vue js link image link in props doesnt work
Javascript Vue
0 vote283 views2 answers
Vuejs accessing props from data
Javascript Vue
0 vote293 views1 answer
Adding jquery to vuepress
Javascript Vue
1 vote284 views1 answer
Vuejs watch for nested data
Javascript Vue
-1 vote337 views3 answers
Vite vue 3 create new component cli
Javascript Vue
1 vote262 views2 answers
How send to another page by router in vuejs
Javascript Vue
0 vote292 views1 answer
Get the length of an object vuejs
Javascript Vue