vue 提交form表单

html

 <form><ol><li>您比较喜欢下列哪种运动？</li><label><input type="radio" name="hobby1" value="篮球" v-model="hobby.hobby1" required/>&nbsp;&nbsp;篮球&nbsp;&nbsp;</label><label><input type="radio" name="hobby1" value="足球" v-model="hobby.hobby1"/>&nbsp;&nbsp;足球&nbsp;&nbsp; </label><label><input type="radio" name="hobby1" value="飞盘" v-model="hobby.hobby1"/>&nbsp;&nbsp;飞盘&nbsp;&nbsp; </label><label><input type="radio" name="hobby1" value="no" v-model="hobby.hobby1"/>&nbsp;&nbsp;都不喜欢&nbsp;&nbsp; </label><li>您是否会在每年冬天购置新衣裳？</li><label><input type="radio" name="hobby2" value="1" v-model="hobby.hobby2" required/>&nbsp;&nbsp;是&nbsp;&nbsp;</label><label><input type="radio" name="hobby2" value="0" v-model="hobby.hobby2"/>&nbsp;&nbsp;否&nbsp;&nbsp; </label><li>您平常有关注过数码领域吗？</li><label><input type="radio" name="hobby3" value="1" v-model="hobby.hobby3" required/>&nbsp;&nbsp;有所关注&nbsp;&nbsp;</label><label><input type="radio" name="hobby3" value="0" v-model="hobby.hobby3"/>&nbsp;&nbsp;从未关注&nbsp;&nbsp; </label><li>您有没有了解过计算机专业的知识吗？</li><label><input type="radio" name="hobby4" value="1" v-model="hobby.hobby4" required/>&nbsp;&nbsp;有所关注&nbsp;&nbsp;</label><label><input type="radio" name="hobby4" value="0" v-model="hobby.hobby4"/>&nbsp;&nbsp;从未关注&nbsp;&nbsp; </label><li>您是否会和朋友开黑玩游戏？</li><label><input type="radio" name="hobby5" value="1" v-model="hobby.hobby5" required/>&nbsp;&nbsp;有所关注&nbsp;&nbsp;</label><label><input type="radio" name="hobby5" value="0" v-model="hobby.hobby5"/>&nbsp;&nbsp;从未关注&nbsp;&nbsp; </label><li>您平常是自己做饭比较多吗？</li><label><input type="radio" name="hobby6" value="1" v-model="hobby.hobby6" required/>&nbsp;&nbsp;有所关注&nbsp;&nbsp;</label><label><input type="radio" name="hobby6" value="0" v-model="hobby.hobby6"/>&nbsp;&nbsp;从未关注&nbsp;&nbsp; </label></ol><button @click="submit">提交问卷</button></form>

vue

const vm = new Vue({el: '#questionnaire',data() {return {hobby: {hobby1: '',hobby2: '',hobby3: '',hobby4: '',hobby5: '',hobby6: '',},}},methods: {submit() {let formData = new FormData();for(var key in this.hobby){formData.append(key,this.hobby[key]);}//将数组的值给formdatafor (var value of formData.values()) {console.log(value);}//遍历formdatadebuggerconsole.log(formData);//在这里进行上传（axios、ajax）}},})

vue 提交form表单相关推荐

vue的form表单在提交成功后置空
vue的form表单在提交成功后置空 form表单说明 :form表单加上属性值 ref="form" 点击事件加入 roleManager.$refs['form'].rese ...
Vue中form表单提交问题
关于input组件回车后,默认提交form表单出现的问题: <div class="searchArea"><form action="###&quo ...
vue 给form表单赋值_vue获取form表单的值示例
vue获取form表单的值示例这里使用的是Element-ui组件 html: JS: var phone = this.phone; var password = this.password; v ...
js异步提交form表单的解决方案
1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span sty ...
Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({type: "POST",url: & ...
html form通过ajax提交表单提交数据,Jquery通过Ajax方式来提交Form表单的具体实现
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
js 提交form表单,js更改form表单的action属性
2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...
关于异步提交form表单
1.异步提交form 表单方法一: 采用隐藏iframe来提交表单, 代码:<div id="upload_file" title="<%=Res.Cul ...
Jquery提交form表单
前台代码 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Js_subm ...

vue 提交form表单

vue 提交form表单相关推荐

最新文章

热门文章