/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 vote232 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
0 vote218 views1 answer
Vue rails turbolink don't load
Javascript Vue
1 vote217 views1 answer
Vuex getters
Javascript Vue
0 vote203 views1 answer
Update head tag metadata vue
Javascript Vue
2 votes220 views2 answers
Vue directive
Javascript Vue
0 vote209 views1 answer
Vuejs vscode unbound breakpoint
Javascript Vue
0 vote215 views1 answer
String in vue.js
Javascript Vue
2 votes250 views1 answer
Vue directive access this
Javascript Vue
1 vote220 views1 answer
Delete item from array vuejs
Javascript Vue
0 vote212 views1 answer
Vue js set array value by key
Javascript Vue