/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

3 votes167 views5 answers
Vue js count down timer
Javascript Vue
0 vote177 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
4 votes169 views2 answers
Router link active in vue.js
Javascript Vue
0 vote186 views1 answer
VueProduction
Javascript Vue
-1 vote198 views3 answers
Uncaught ReferenceError: Vue is not defined
Javascript Vue
0 vote171 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
38 votes229 views5 answers
Vue create cli
Javascript Vue
13 votes193 views3 answers
Vuex v-model
Javascript Vue
0 vote241 views1 answer
Vue router transition
Javascript Vue
0 vote157 views1 answer
Vuejs pass data to router-view
Javascript Vue