上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>