Vue.js入门与商城开发实战
上QQ阅读APP看书,第一时间看更新

3.3 Vue.js获取表单要提交的数据

在Vue.js中,表单提交形式如下:


<form @submit.prevent="submit">

引号中的submit是我们定义的处理提交的方法,通过this指向当前单表。示例代码如下:


<div class="hello">  
    <ul>  
        <form @submit.prevent="submit">  
            <input type="text" name="name" v-model="inputtext.name">  
            <input type="password" name="password" v-model="inputtext.password">  
            <input type="submit" value="提交">  
        </form>  
    </ul>  
</div>  
    <script>  
        var vm = new Vue({  
            el: '.hello',  
            data: {  
                inputtext:{}  
            },  
            methods: {  
                submit: function() {  
                    console.log(this.inputtext);  
                    console.log(this.inputtext.name);  
                }  
            },  
        })  
    </script>